jquery find 返回值 jquery中find的用法
其实jquery find 返回值的问题并不复杂,但是又很多的朋友都不太了解jquery中find的用法,因此呢,今天小编就来为大家分享jquery find 返回值的一些知识,希望可以帮助到大家,下面我们一起来看看这个问题的分析吧!
jquery获取子元素的方法 find()的用法
find()方法获得当前元素集合中每个元素的后代,通过选择器、jQuery对象或元素来筛选。
语法:.find(selector)参数selector字符串值,包含供匹配当前元素集合的选择器表达式。
详细说明:
如
果给定一个表示 DOM元素集合的 jQuery对象,.find()方法允许我们在 DOM
树中搜索这些元素的后代,并用匹配元素来构造一个新的 jQuery对象。.find()与.children()方法类似,不同的是后者仅沿着
DOM树向下遍历单一层级。
.find()方法第一个明显特征是,其接受的选择器表达式与我们向$()函数传递的表达式的类型相同。将通过测试这些元素是否匹配该表达式来对元素进行过滤。
实例:
谈谈Jquery中的childrenfind的区别有哪些_jquery
精华:find方法能找子孙,children方法只能找儿子
一、Jquery中children
语法
.children(selector)
说明
expr是表达式,可选参数,所有选择器中的表达式都可以用在这,比如按标签名"div",按类名".class",按序号":first"等等,如果表达式为空,那么返回的是所有的孩子,返回的结果仍为jQuery对象。
二、Jquery中find
find()方法获得当前元素集合中每个元素的后代,通过选择器、jQuery对象或元素来筛选。
语法
.find(selector)
说明
其接受的选择器表达式与我们向$()函数传递的表达式的类型相同。将通过测试这些元素是否匹配该表达式来对元素进行过滤。
三、jquery中children、find的区别
1、children及find方法都用是用来获得element的子elements的,两者都不会返回 text node,就像大多数的jQuery方法一样。
2、children方法获得的仅仅是元素一下级的子元素
3、find方法获得所有下级元素
4、children方法的参数selector是可选的(optionally),用来过滤子元素,但find方法的参数selector方法是必选的。
5、find方法事实上可以通过使用 jQuery( selector, context)来实现
jquery 的selector怎么用
selector:属性用于返回获取当前jQuery对象时传给jQuery(selector, context)函数的原始选择器(即selector参数)。换句话说,你通过什么选择器来获得的当前jQuery对象,当前jQuery对象的selector属性就返回什么。
语法:jQueryObject.selector
返回值:selector属性的返回值是String类型,返回该jQuery对象的原始选择器。如果当前jQuery对象不是通过传入选择器字符串来获得的,那么将返回空字符串""。
实例说明:
<divid="n1">
<divid="n2">
<ulid="n3">
<liid="n4">item1</li>
<liid="n5">item2</li>
<liid="n6">item3</li>
</ul>
</div>
</div>
/*编写jquery代码:*/
var$li=$("ulli");
document.writeln($li.selector);//ulli
var$p=$("#n1p");
//虽然$p是一个空的jQuery对象,没有匹配到任何元素,但也包含了传入的选择器信息
document.writeln($p.selector);//#n1p
var$ul=$("#n1").find("ul");
//jQuery根据我们的操作自动计算出相应的选择器
document.writeln($ul.selector);//#n1ul
vardiv_n2=document.getElementById("n2");
var$n2=$(div_n2);//以DOM元素的方式获取jQuery对象
document.writeln($n2.selector);//(空字符串)
/*********代码运行结果***********/
ulli
#n1p
#n1ul
jquery find 返回值的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于jquery中find的用法、jquery find 返回值的信息别忘了在本站进行查找哦。