最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
JQuery查找子元素find()和遍历集合each的方法总结
时间:2017-05-31 编辑:简简单单 来源:一聚教程网
1.HTML代码
代码如下 | 复制代码 |
|
2.jquery
代码如下 | 复制代码 |
/* find() 查找子元素方法 */ varaaa = $("div[name='students'][school='HK']").find("input[type='boy'][name='ZhangSan']"); console.log(aaa.val());
/* $(".child",parent); 方法查找子元素*/ varbbb = $($("input[type='boy'][name='ZhangSan']"),$("div[name='students'][school='HK']")); console.log(aaa.val());
/* each()方法遍历数组 */ vararr = ["one","two","three","four"]; $.each(arr,function() { console.log(this); });
/* each()方法处理json */ varobj = { one : 1, two : 2, three : 3, four : 4 }; $.each(obj,function(key, val) { console.log(obj[key]); });
/* each()方法处理二维数组 */ vararr1 = [ [ 11, 44, 33 ], [ 4, 6, 6 ], [ 7, 20, 9 ] ] $.each(arr1,function(i, item) { console.log(item[0]); });
/* each()方法处理HTML元素 */ $("div[name='students'][school='HK'] > input").each(function() { console.log($(this).val()); });
|
-
上一个: js上下视差滚动简单实现代码
相关文章
- jquery使用each方法遍历元素的例子 01-03
- Jquery遍历元素更改class属性 06-24
- HTML简单购物数量小程序代码展示 10-31
- html canvas实现弹幕功能 10-31
- HTML中空格表示的意义 10-31
- html area标签解读 10-31