jquery选择器:获取父级元素、同级元素、子元素

jQuery的出现给广大开发者提供了不少的方便。从要自己一个一个敲代码,到直接调用方法,无疑大大地提高了网站开发的效率。而在jQuery中有一些方法非常的实用。下面就给大家介绍下jquery选择器:获取父级元素、同级元素、子元素的方法。

一、获取父级元素

1.parent()

获取指定元素的父级元素,注意:是最靠近指定元素的父级元素。

2.parents()

获取指定元素的所有父级元素,注意:是所有的父级元素,包括body,html

二、获取同级元素

1.next()

获取指定元素的下一个同级元素(注意:是下一个同级元素)

2.nextAll()

获取指定元素后面的所有同级元素(注意:是所有同级元素)

3.andSelf()

获取指定元素,也就是自己。这个方法在当里可以用到呢?其实也很常用。
例如:获取指定元素后边的所有同级元素,之后加上指定的元素

这个时间你可以这样写$('.div1').nextAll().andSelf()

4.prev()

获取指定元素的上一个同级元素。(与next()方法相反)

5.prevAll()
获取指定元素的前边所有的同级元素。(与nextAll()方法相反)

三、获取子元素

1.chidren()

获取指定元素下的所有子元素,注意:chidren()只遍历单一层级。

2.find()

.find() 与 .children() 方法类似,但find() 必需要有参数,也就是说必需往find()里传个参数(选择器)。find()方法是获取指定元素下的所有子元素(不管指定元素内嵌套多少层)

本文出自:云库网 - jquery选择器:获取父级元素、同级元素、子元素

posted @ 2015-10-10 15:26  云库与朝夕熊的故事  阅读(339)  评论(0编辑  收藏  举报

我的工作主场 - 云库网 | 我的个人独立博客 - 朝夕熊