jQuery学习(十二)—jQuery中对象的查找方法总结
一、find方法
- 作用:在元素1中查找元素2,类似于选择器中的后代选择器
- 格式:元素1.find(元素2),元素2为CSS选择器或者jQuery对象
二、next方法
- 作用:返回后面那个紧邻的同辈元素,查找元素1后面紧邻的元素2,类似于
ele1+ele2
- 格式:
元素1.next(元素2)
,元素2为CSS选择器或者jQuery对象
三、nextAll方法
- 作用:返回后面所有的同辈元素,查找元素1后面所有的元素2
- 格式:元素1.next(元素2),元素2为CSS选择你和器或者jQuery对象
四、nextUntil方法
- 作用:查找当前元素之后所有的同辈元素,直到遇到匹配的那个元素为止,选取时匹配的元素不包含在内
- 例如:
$('div').nextUntil('span')
该语句的作用是选取从div
到span
之间所有的元素
格式:元素1.nextUntil(元素2)
, 元素2为CSS选择器或者jQuery对象
五、prev方法
- 作用:获取前一个兄弟元素
- 格式:元素1.pre(匹配规则),表示找元素1的前一个兄弟元素,且该兄弟元素还得符合匹配的规则
六、prevAll方法
- 作用:查找当前元素之前所有的同辈元素
- 格式:元素1.prevAll(匹配规则)
七、prevUntil方法
- 作用:该方法用于获取在多个同级别的Html元素中,在2个指定的Html元素之间选择元素
- 格式:元素1.prevUntil(元素2),元素2为CSS选择器或者jQuery对象
八、siblings方法
九、parent方法
- 作用:parent()方法允许我们能够在DOM树中搜索到这些元素的父级元素,从有序的向上匹配元素,并根据匹配的元素创建一个新的jQuery 对象
- 格式:元素.parent()
十、parents方法
- 作用:返回所有的祖元素
- 格式:元素.parents(匹配对象)
- 例子:
$('#aaa').parents('.box')
表示获取id为aaa的祖元素,并且这个祖元素得具有box类
十一、parentsUntil方法
- 作用:查找当前元素的所有的父辈元素,直到遇到匹配的那个元素为止,不包含这个元素
- 格式:元素1.parentsUntil(元素2),元素2为CSS选择器或者jQuery对象