JQuery选择器

层次选择器：

 

$('div p');//

选取

div

下的所有的

p

元素

 

$('div>p').css('border','1px solid red');//

只选取

div

下的直接子元素

 

//

相邻的元素

 

$('div ~ p).css('border','1px solid red');

与

$('div').nextAll('p')

等

价

;//

表示

div

后面的

 

所有

p

兄弟元素

 

$('div ~ *').css('border','1px solid red');//

表示

div

后面的所有兄弟元

素

 

$('div +p').css('border','1px solid red');

与

$('div').next('p')

等价

//

这种写法表示

div

后

 

只找紧挨着的第一个兄弟元素，并且该元素是

p

。

  

获得兄弟元素的方法：

 

next(); //

当前元素之后的紧邻着的第一个兄弟元素（下一个）

 

nextAll();//

当前元素之后的所有兄弟元素

 

prev();//

当前元素之前的紧邻着的兄弟元素（上一个）

 

prevAll();//

当前元素之前的所有兄弟元素

 

siblings();//

当前元素的所有兄弟元素

 

基本过滤选择器：

 

$('p:first')

与

$('p').first()

是等价的。获取所有

p

元素中的第一个

P

元素

 

$('p:last')

与

$('p').last() 

$('p:eq(2)')

在所有的

p

元素中找到索引为

2

的元素

 

$('p:even')

选取所有奇数的

p

标签

 

$('p:odd')

选取所有偶数的

p

标签

 

$('p:not(.tst)').css();

选取所有的不应用

.tst

这种样式的

p

元素

not

后面写

一个选择器名称

 

$('p:gt(1)')

选取所有索引值大于

1

的

p

元素

 

$('p:lt(3)')

选取所有索引值小于

3

的

p

元素。

 

$(':header')

选取页面上所有的

h1-h6

的元素。

（如果这样写的话，

中间绝对不

能有空格。）

 

 

属性过滤选择器：

 

$("div[id]")

选取有

id

属性的

<div> 

$("div[title=test]")

选取

title

属性为“test”的

<div>

，

jQuery

中没有对

getElementsByName  

进行封装，用

$("input[name=abc]") 

$("div[title!=test]")

选取

title

属性不为“test”的

<div> 

还可以选择开头【

name^=

值】、结束【

 name$=

值】、包含【

 name*=

值】等，条

件还

  

可以复合。【

[

属性

1=a][

属性

2=b]„】（

*

）

 

表单对象属性选择器（过滤器）：

 

$("#form1 :enabled")

选取

id

为

form1

的表单内所有启用的元素

 

$("#form1 :disabled")

选取

id

为

form1

的表单内所有禁用的元素

 

$(“input:checked”)选取所有选中的元素

（

Radio

、

CheckBox

）

,

这个中间不能

加空格

. 

$("select :selected")

选取所有选中的选项元素（下拉列表）

 

 

表单滤选择器：

 

$('#form1:enabled');//

这个表示能够启用的且

id

为

form1

的标签

 

$('#form1 :enabled')

；

//

这个表示能够启用的且

id

为

form1

下的所有启用的

元素。