Jquery find 与 each 方法
来源:互联网 发布:淘宝投诉卖家好评返现 编辑:程序博客网 时间:2024/06/10 03:26
find()方法
jquery选择器非常强大,利用css的命名规约,可以更快更方便的找出想要的元素。
比如:
$(
"#id"
)
$(
"#"
+
"id"
)
$(
this
)
$(element)
等等,只要灵活运用,就能爆发出强大的可造型。
但是在实际使用中,仍然觉得有些不足。
如果想要在某个元素下寻找特定的元素,仅仅依靠上面这个方法,就必须对 $("#id")获取的元素进行遍历,获取其子元素。如此一来就显得格外的繁琐,代码量也非常庞大。
于是这就需要用到find()方法。
$(
"#id"
).find(
"#child"
);
$(
"#id"
).find(
".child"
);
$(
"#id"
).find(
"input[type='image']"
);
非常方便好用。
除了上面的find()方法之外,还有一种查找子元素的方法。
$(".child",parent);
这种方法与find()方法的结果是一样的,也更加简洁。
我们举个例子:
function(table){ $("tr",table). css("background-color","red");}
这种方法,方便代码的重用,更符合闭包的写法。
each()方法
有的时候经常会用到数组。在不知道each()方法前,如果碰到数组遍历,我一般都是这么写的:
var
arr =
new
Array();
arr.push(1);
arr.push(2);
arr.push(3);
for
(
var
i =0;i<arr.length;i++)
{
(
function
(m){
console.log(
this
);
})(i);
}
多么繁琐啊!!现在又了each(),生活从此变轻松。
上面的这段代码,只要一句话。
var
arr =
new
Array();
arr.push(1);
arr.push(2);
arr.push(3);
arr.each(
function
(){
console.log(
this
);
});
使用each之后,结构立马变得简洁优雅起来。
0 0
- Jquery find 与 each 方法
- Jquery中find与each方法用法实例
- Jquery中find与each方法使用详解
- 【jquery】find()方法和each()方法
- 【jquery】find()方法和each()方法
- jquery each--find
- jQuery.each()与each()
- Jquery 遍历数组之$().each方法与$.each()方法介绍
- Jquery 遍历数组之$().each方法与$.each()方法介绍
- jQuery $.each用法 与$().each
- jQuery 中的 each() 与 $.each()
- 浅谈jquery中的each方法$.each、this.each、$.fn.each
- jquery each方法
- jquery each方法
- jQuery each方法
- Jquery中的each方法
- jquery的each方法
- jQuery 遍历 - each() 方法
- 在 Web 项目中应用 Apache Shiro
- 使用crontab进行Android代码的自动更新和构建
- 微信内置浏览器的JsAPI(WeixinJSBridge续)
- linux中定时器timer的使用
- web网站中cookie的使用
- Jquery find 与 each 方法
- JPA EntityManager的四个主要方法 ——persist,merge,refresh和remove
- 企业内部信息化项目管理之我所见
- androidのsms,mms短彩信数据库
- Java 并发核心编程
- Dex文件结构
- 使用eclipse的todo标签管理任务
- 输出奇偶数
- JAVA中计算百分比