jQuery选择方法

在jQuery中,为了快速效率的选择某个需要被操作的元素,除了jQuery选择器,还有两种方法:查找方法过滤方法。

一、查找方法

 方法 说明 
 查找祖先元素 parent()、parents()、parentsUntil()
 查找后代元素 children()、 contents() 、 find()  
 向前查找兄弟元素 prev()、prevAll()、prevUntil()
 向后查找兄弟元素 next()、nextAll()、nextUntil()
 查找所有兄弟元素 siblings()

1、parent()方法

parent(expression)

parent()方法是用来查找当前元素的“父元素”。可选的参数expression表示jQuery选择器表达式,用来过滤父元素。当参数省略时,则选择所有的父元素。

2、parents方法

parents(expression)

parents()方法是用来查找当前元素的“祖先元素”即包括“父元素、爷元素......“,可选的参数expression表示jQuery选择器表达式,用来过滤祖先元素。当参数省略时,则选择所有的祖先元素。

3、parentsUntil()方法

parents(expression)

parentsUntil()方法是对parents()方法的一个补充,它可以查找指定范围的所有祖先元素,相当于在parents()方法返回集合中截取部分祖先元素。参数expression可选。

4、children()方法

children(expression)

在jQuery中,我们可以使用children()方法来查找当前元素的“所有子元素”或“部分子元素”。注意,children()方法只能查找子元素,不能查找其他后代元素。参数expression可选。

5、contents()方法  

与children()方法相似,contents()方法也是用来查找子内容的,但它不仅获取子元素,还可以获取文本节点、注释节点等。因此读者可以把它视为DOM中childNodes属性的jQuery实现。

6、find()方法

find(expression)

find()方法和children()方法相似,都是用来查找所选元素的后代元素,但是find()方法能够查找所有后代元素,而children()方法仅能够查找子元素。参数expression可选。

7、prev()方法

$().prev()

prev()方法用来查找某个元素的前一个“相邻”的兄弟元素。

8、prevAll()方法

prevAll(expression)

prevAll()用来查找所选元素前面“所有”同级的兄弟元素。参数expression可选。

9、prevUntil()方法

prevUntil(expression)

prevUntil()方法介于prev()方法和prevAll()方法之间。prev()方法仅选择前面相邻的一个兄弟元素,prevAll()方法选择前面所有兄弟元素,而prevUntil()方法能够选择前面指定范围的兄弟元素。参数expression可选。

10、next()方法

$().next()

next()方法用来查找某个元素的后一个“相邻”的兄弟元素。一般情况下,next()方法是没有参数的,这一点跟prev()方法类似。

11、nextAll()方法

nextAll(expression)

nextAll()用来查找所选元素后面“所有”同级的兄弟元素。参数expression可选。

12、nextUntil()方法

nextUntil(expression)

nextUntil()方法介于next()方法和nextAll()方法之间。next()方法仅选择后面相邻的一个兄弟元素,nextAll()方法选择后面所有兄弟元素,而nextUntil()方法能够选择后面指定范围的兄弟元素。

13、siblings()方法

siblings(expression)

siblings()方法可以不分前后随意查找同级元素。  
注意:使用siblings()方法来查找兄弟元素的,这是不分前后的。

二、过滤方法

 方法 说明 
 hasClass() 判断所选元素是否含有某个类,返回值为true或false
 eq(n) 选择元素集合中指定下标元素,下标从0开始(选择器作用)
 is() 判断所选元素是否有符合某个条件的元素,返回值为true或false
 not() 选择元素集合中不符合条件的元素(选择器作用)
 filter() 使用“自定义表达式”来选择符合条件的元素(功能多)
 has() 使用“自定义表达式”来选择符合条件的元素(功能少)

1、hasClass()方法

$().hasClass("类名")

hasClass()方法往往用于执行判断操作,判断当前jQuery对象中的某个元素是否包含了指定类名。如果包含,则返回true;如果不包含,则返回false。

2、eq(n)方法

$().eq(n)

n是一个正整数,从0开始计算,表示用来选取“元素集合”中下标为n的的某一个元素。

3、is()方法

$().is(expression)

is()方法用于判断当前选择的元素集合中,是否含有符合条件的元素。如果含有,则返回true;如果不含有,则返回false。

4、not()方法

$().not(expression)

例如:
$(function () {
            $("ul li").not("#red").css("color", "red");
        })

not()方法来过滤jQuery对象中“不符合条件”的元素,并且返回剩下的元素。

5、filter()方法


上一篇: jQuery效果
下一篇: CSS零碎知识点
作者邮箱: 203328517@qq.com