jQuery学习(十二)—jQuery中对象的查找方法总结

简介: jQuery学习(十二)—jQuery中对象的查找方法总结

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')    该语句的作用是选取从divspan之间所有的元素
    格式:元素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对象


相关文章
|
24天前
|
JavaScript
jQuery追加节点方法 和height方法与width方法
jQuery追加节点方法 和height方法与width方法
|
1月前
|
JavaScript 前端开发
调用jQuery的animate()方法无法移动的问题
调用jQuery的animate()方法无法移动的问题
|
1月前
|
JavaScript 前端开发 UED
jQuery 自动刷新页面但不闪烁的实现方法
jQuery 自动刷新页面但不闪烁的实现方法
|
1月前
|
XML JavaScript 前端开发
JavaScript学习 -- jQuery库
JavaScript学习 -- jQuery库
14 0
|
1月前
|
JavaScript 前端开发
jQuery特效函数-第7次课-show、hide等方法有动画效果的显示和隐藏一个元素-附案例-任务
jQuery特效函数-第7次课-show、hide等方法有动画效果的显示和隐藏一个元素-附案例-任务
10 0
|
1月前
|
JavaScript 前端开发 数据安全/隐私保护
jQuery选择器-第2次课-大部分跟CSS3选择器类似-几乎没有学习成本-附案例-作业等
jQuery选择器-第2次课-大部分跟CSS3选择器类似-几乎没有学习成本-附案例-作业等
10 0
|
1月前
|
JavaScript 前端开发 API
jquery是什么-是否还有必要学-与JS的区别-学习技巧-文末附资料、案例、作业
jquery是什么-是否还有必要学-与JS的区别-学习技巧-文末附资料、案例、作业
20 0
|
1月前
|
JavaScript 前端开发
原生js与jQuery显示隐藏div的几种方法
原生js与jQuery显示隐藏div的几种方法
26 0
|
1月前
|
JavaScript 前端开发 CDN
jQuery文件下载方法及引入HTML语法
去jQuery网站下载文件包,点击主页的“Download”之后,进入下载页面,可以选择production版本的进行下载,但是点击进去之后,浏览器并不会直接下载相关的文件,而是跳转到一个“密密麻麻”都是jQuery代码的页面,仔细查看浏览器地址栏中的url便可知,该页面其实就是jQuery的min版的文件,可以使用下面这种方法,下载jQuery文件
43 5
|
2月前
|
JavaScript 前端开发 开发者
jquery常用的方法函数
jquery常用的方法函数

相关产品

  • 云迁移中心