Jquery中有多种可以查找节点的方法，今天这篇文章就说几种简单点的，也在日常中经常用到的。

jQuery parent() 方法

parent()：查找并返回被选元素的父元素

语法：

$(selector).parent(filter);

例：JQ查找元素的父元素

示例代码：

飞鸟慕鱼博客

打印结果：

注意：parent() 方法是查找的被元素元素的直接父元素，要注意一下。

jQuery.parents() 方法

parents()：是查找的被选元素的祖先元素，这里包括父元素

语法：

$(selector).parents(filter);

例：JQ查找并返回指定元素的所有祖先元素

示例代码：

飞鸟慕鱼博客

http://www.feiniaomy.com

打印结果：

jQuery children() 方法

children()：方法查找被选元素的所以子元素

语法：

$(selector).children(selector);

例：JQ查找指定元素的所以子元素

示例代码：

//HTML参考上面的例子，省略

执行结果：

注：children() 方法返回是指定元素的所有的直接子节点，并不是子孙节点和 parent() 方法返回的结果相返

jQuery prev() 方法

prev()：返回指定元素的上一个的兄弟节点

语法：

$(selector).prev(filter)

例：JQ查找指定元素的上个兄弟节点

示例代码：

飞鸟慕鱼博客

网址：http://www.feiniaomy.com

博主：墨初

打印结果：

jQuery prevAll() 方法

prevAll()：返回所有指定元素之前的兄弟元素

语法：

$(selector).prevAll(selector)

例：JQ查找指定元素之前的所有兄弟元素

示例代码：

飞鸟慕鱼博客

网址：http://www.feiniaomy.com

博主：墨初

打印结果：

jQuery next() 方法

next()：方法可以返回指定元素下一个兄弟元素

语法：

$(selector)..next(selector)

例：JQ查找被选元素的下一个兄弟元素

示例代码：

//HTML代码同上，省略

打印结果：

注：next()：方法返回的是一个元素，但不是元素的集合

jQuery next()All() 方法

next()All()：方法可以返回指定元素之后的所有兄弟元素

语法：

$(selector).nextAll(selector)

例：JQ返回指定元素之后的所有兄弟元素

示例代码：

//HTML同上省略。。

打印结果：

补充资料：

1、parent()，prev()，next()返回的是单个元素对象

2、parents()，children()，prevAll()，nextAll()返回的是多个元素对象的集合

3、单个对象可以使用 console.log() 方法在浏览器的控制台中打印出来

4、多个元素对象的集合，可以使用 each() 遍历出来

5、parents()，children()，prevAll()，nextAll()可以选择性查找对像，以后再说哦

jquery 父元素相邻元素_Jquery中几种查找节点的方法相关推荐

Unity（游戏）中五种数据存储的方法
Unity(游戏)中五种数据存储的方法一.PlayerPrefs unity3d提供了一个用于本地持久化保存与读取的类-------PlayerPrefs.工作原理很简单,以键值对的形式将数据保存在 ...
python中如何连接两个字符串_python中5种连接字符串的方法
字符串是Python中常用的数据类型,在开发过程中可以对字符创进行截取并与其他字符创进行连接.本文为大家介绍了5种连接字符串的方法. 1.加号如果有其他编程语言开发经验的人,肯定知道很多语言里面是用 ...
tomcat中三种部署项目的方法（转）
tomcat中三种部署项目的方法第一种方法:在tomcat中的conf目录中,在server.xml中的,<host/>节点中添加: <Context path="/h ...
QT中三种构建菜单栏的方法
QT中三种构建菜单栏的方法方法1 <C++ GUI programming with Qt 4, Second Edition>给出的一种方法:QMenum定义单个菜单,调用menuBa ...
java中高效遍历list_Java中四种遍历List的方法总结(推荐)
实例如下: package com.ietree.basic.collection.loop; import java.util.ArrayList; import java.util.Iterato ...
matlab中几种求积分的方法
matlab中几种求积分的方法举例图形 Midpoint Rule Trapezoid Rule 13 Simpsons 利用integral 结果显示 matlab中几种求积分的方法最近看了几天 ...
[重学Java基础][Java IO流][Exter.2]IO流中几种不同的读写方法的区别
[重学Java基础][Java IO流][Exter.2]IO流中几种不同的读写方法的区别 Read 读入方法 read(): 一般是这种形式 public int read() 1.从流数据中读取的 ...
java遍历list_Java中四种遍历List的方法总结(推荐)
实例如下: package com.ietree.basic.collection.loop; import java.util.ArrayList; import java.util.Iterato ...
jquery 遍历java对象_jquery中object对象循环遍历的方法
一个朋友问对象如何转为数组,当我问他为啥要转得时候,他告诉我,数组可以用js循环遍历,而对象则不可以.其实呢,对象同样可以循环遍历的啊.不用转换也可以循环!说明你对js或者jquery的某些操作不是很 ...

jquery 父元素相邻元素_Jquery中几种查找节点的方法

jQuery parent() 方法

jQuery.parents() 方法

jQuery children() 方法

jQuery prev() 方法

jQuery prevAll() 方法

jQuery next() 方法

jQuery next()All() 方法

补充资料：

jquery 父元素相邻元素_Jquery中几种查找节点的方法相关推荐

最新文章

热门文章