find用法:
1.为什么要用find:
通常,选择一个元素很简单,$("#id")就可以搞定,
但是如果想选择某个id为x1的div下的某个id为x2的元素就很困难了,
可以通过用find来解决这个问题。
2.find怎么用:
①首先贴出api中find的构造方法
find(expr|obj|ele) 返回值:jQuery
find的参数可以为用于查找的表达式,一个用于匹配元素的jQuery对象,一个DOM元素
find的返回值是juqery类型
②举例说明
html代码如下:
<div id="test"> <div id="div1">第一行</div> <div id="div2"> <p id="p1">第1行</p> <p id="p2">第2行</p> <p id="p3">第3行</p> </div> <div id="div3">第三行</div> <div id="div4">第四行</div> </div>
如果想让第2行这几个字的颜色改变,那么我们就可以用jquery的如下代码实现:
$("#test").find('div[id^="div2"]').find('p[id^="p2"]').css("color","red");
那么效果就会变为:
第一行
第1行
第2行
第3行
第三行
第四行