这里有新鲜出炉的 jQuery 示例,程序狗速度看过来!
jQuery 是一个兼容多浏览器的 javascript 框架,核心理念是 write less,do more(写得更少, 做得更多)。jQuery 在 2006 年 1 月由美国人 John Resig 在纽约的 barcamp 发布,吸引了来自世界各地的众多 JavaScript 高手加入,由 Dave Methvin 率领团队进行开发。
这篇文章主要介绍了详解 Jquery 遍历数组之 $().each 方法与 $.each() 方法介绍 , 具有一定的参考价值,有兴趣的可以了解一下。
$().each()
对于这个方法,在 dom 处理上用的比较多, 如果一个 html 页面上面有多个 checkbox,这时用 $().each 来处理 checkbox 是比较不错的;
- $("input[type='checkbox']").each(function(i){
- $(this).attr("checked",true);
- });
回调函数里面的 i 在此处代表 input 集合传递过去的索引 (也就是正在遍历的 input 元素的索引);
但是这段代码只用到了 input 集合的索引
- <head>
- <title>
- </title>
- <script src="jquery-1.9.0.min.js" type="text/javascript">
- </script>
- <script type="text/javascript">
- $(function() {
- $('input:hidden').each(function(index, obj) {
- alert(obj.name + "..." + obj.value);
- });
- });
- </script>
- </head>
- <body>
- <input type="hidden" value="1" name="a" />
- <input type="hidden" value="2" name="b" />
- <input type="hidden" value="3" name="c" />
- </body>
上面这段代码用到了 input 集合的索引, 有用到了 input 集合的 dom 对象, 可以通过该对象, 拿到其对应的属性如:name,value 等;
$.each() 方法
1. 该方法处理一维数组, 代码如下:
- $.each(["aaa", "bbb", "ccc"],
- function(index, value) {
- alert(i + "..." + value);
- });
结果是输出 0...aaa 1...bbb 2...ccc
2. 该方法处理二维数组, 代码如下:
- $(function() {
- $.each([["aaa", "bbb", "ccc"], ["ddd", "eee", "fff"], ["ggg", "hhh", "iii"]],
- function(index, item) {
- alert(index + "..." + item);
- //输出0...aaa,bbb,ccc 1...ddd,eee,fff 2...ggg,hhh,iii 这时的index为数组下标,item相当于取这二维数组中的每一个数组
- $.each(item,
- function(index, itemobj) {
- alert(index + "....." + itemobj);
- });
- });
- //输出0...aaa,bbb,ccc 0...aaa 1...bbb 2...cccc 1...ddd,eee,fff 0...ddd 1...eee 2...fff 2...ggg,hhh,iii 0...ggg 1...hhh 2...iii
- });
3. 该方法处理 json 数组, 代码如下:
- $(function() {
- var json = [{
- name: "张三",
- sex: "男"
- },
- {
- name: "李四",
- sex: "女"
- },
- {
- name: "王五",
- sex: "gay"
- }]; //自定义一个json数组
- $.each(json,
- function(index, obj) {
- alert(index + "..." + obj.name + "..." + obj.sex);
- });
- });
json 为后台传递过来的 json 数组,each 遍历该数组, index 通常为数组里面对象的索引, 而 obj 为当前遍历到的对象
来源: http://www.phperz.com/article/17/0502/328764.html