jquery find(jquery获取子元素的方法 find()的用法)
老铁们,大家好,相信还有很多朋友对于jquery find和jquery获取子元素的方法 find()的用法的相关问题不太懂,没关系,今天就由我来为大家分享分享jquery find以及jquery获取子元素的方法 find()的用法的问题,文章篇幅可能偏长,希望可以帮助到大家,下面一起来看看吧!
jQuery中find方法和filter方法的区别 00 笨笨剥壳
find和filter最大的区别在于操作对象。
find的操作对象是指向该选择器选择的元素的所有子元素,而且不仅仅是第一级子元素,是所有的子元素。这和起着大致功能的children不同,children只会选择第一级子元素。
而filter的操作对象则是改选择器选择的元素的集合。filter起到的作用是把该集合进行缩小,并进行链式传递,也就是向后传递。
说起来可能感觉很模糊,举个例子就明白了。
首先是html代码
<divclass="out"id="one">
<divclass="in">
<div>
</div>
<divclass="outin"id="two">
<divclass="in">
<div>
</div>
首先,测试find,代码如下
$(".out").find(".in")
这样返回的就是里层的div元素,而filter呢?
$(".out").filter(".in")
这样返回的就不再试里层的div,而是id为two的div。因为filter执行的操作是将范围缩小。$(".out")返回了所有的class为out的元素,传递给filter,filter接收到这个集合,并对其中的class包含了in的元素进行删选。这样就得到了id为two的元素。
这就是二者的区别
form的jquery对象调用find方法找不到任何子元素
find()方法获得当前元素集合中每个元素的后代,通过选择器、jQuery对象或元素来筛选。语法:.find(selector)参数selector字符串值,包含供匹配当前元素集合的选择器表达式。详细说明:如果给定一个表示 DOM元素集合的 jQuery对象,.find()方法允许我们在 DOM树中搜索这些元素的后代,并用匹配元素来构造一个新的 jQuery对象。.find()与.children()方法类似,不同的是后者仅沿着 DOM树向下遍历单一层级。.find()方法第一个明显特征是,其接受的选择器表达式与我们向$()函数传递的表达式的类型相同。将通过测试这些元素是否匹配该表达式来对元素进行过滤。
jquery获取子元素的方法 find()的用法
find()方法获得当前元素集合中每个元素的后代,通过选择器、jQuery对象或元素来筛选。
语法:.find(selector)参数selector字符串值,包含供匹配当前元素集合的选择器表达式。
详细说明:
如
果给定一个表示 DOM元素集合的 jQuery对象,.find()方法允许我们在 DOM
树中搜索这些元素的后代,并用匹配元素来构造一个新的 jQuery对象。.find()与.children()方法类似,不同的是后者仅沿着
DOM树向下遍历单一层级。
.find()方法第一个明显特征是,其接受的选择器表达式与我们向$()函数传递的表达式的类型相同。将通过测试这些元素是否匹配该表达式来对元素进行过滤。
实例:
jQuery中find()方法的疑惑
find()方法获得当前元素集合中每个元素的后代,通过选择器、jQuery对象或元素来筛选。
语法:.find(selector)参数selector字符串值,包含供匹配当前元素集合的选择器表达式。
详细说明:
如果给定一个表示 DOM元素集合的 jQuery对象,.find()方法允许我们在 DOM树中搜索这些元素的后代,并用匹配元素来构造一个新的 jQuery对象。.find()与.children()方法类似,不同的是后者仅沿着 DOM树向下遍历单一层级。
.find()方法第一个明显特征是,其接受的选择器表达式与我们向$()函数传递的表达式的类型相同。将通过测试这些元素是否匹配该表达式来对元素进行过滤。
关于jquery find,jquery获取子元素的方法 find()的用法的介绍到此结束,希望对大家有所帮助。