jquery基本筛选

animated selector

选择所有正在执行动画效果的元素

eg:

$("div:animated").toggleClass("colored");为正在执行的动画效果添加样式

 

jQuery( ":eq(index)" )   index: 要匹配元素的索引值（从0开始计数）

eg:

$("div:eq(1)").css("color","red");   查找地二个div对象

jQuery( ":eq(-index)" )  indexFromEnd: 要匹配元素的索引值（从0开始计数）, 从最后一个元素开始倒计数。（愚人码头注：-1匹配倒数第一个元素）

eg:

$("div:eq(-2)").css("color","red");      查找倒数地二个div对象

 

jQuery( ":even" )

选择所引值为偶数的元素，从 0 开始计数。

eg:

$("div:even").css("background-color","#ffddaa");如果就三个元素，会选中1,3元素（1对应索引为0,3对应索引为2）

 

jQuery( ":first" )

选择第一个匹配的DOM元素

eg:

$("div:first").css("background-color","#ffddcc");

 

jQuery( ":gt(index)" )

选择匹配集合中所有大于给定index（索引值）的元素。(jQuery 1.8以前的版本，:gt(index)选择器不接收一个负数的index值。)

 eg:

$("div:gt(1)").css("background-color","#556677");  //选中索引大于1的元素（索引从0开始）
$("div:gt(-3)").css("background-color","#556677");//选中索引大于-3的元素（-2,-1）

 

jQuery( ":nth-child(index)" )

基于1开始的索引的，以符合CSS规范。

eg:

$("div:nth-child(2)").css("background-color","#556677");

 

jQuery( ":header" )

选择所有标题元素，像h1, h2, h3 等.

eg:

$(":header").css("color","blue");

 

jQuery( ":lang(language)" )

选择指定语言的所有元素

eg:

$(":lang(japan)").css("color","yellow");   html标签中必须有（lang="japan"）属性

 

jQuery( ":last" )

选择最后一个匹配的元素

$("div:last").css("color","red").css("background-color","#000");

 

jQuery( ":lt(index)" )     

jQuery( ":lt(-index)" )

选择匹配集合中所有索引值小于给定index参数的元素。

eg:

$("span:lt(1)").css("color","red").css("background-color","#000");

$("span:lt(-1)").css("color","red").css("background-color","#000");

 

jQuery( ":not(selector)" )

选择所有元素去除不匹配给定的选择器的元素。

eg:

$(":not(.headClass)").css("background-color","#000").css("color","red").css("border","1px solid yellow");

 

jQuery( ":odd" )

选择索引值为奇数元素，从 0 开始计数

eg:

$("div:odd").css("background-color","blue");

 

jQuery( ":root" )

选择该文档的根元素

eg:

alert($( ":root" )[0].nodeName);  //获取根节点名称

 

jQuery( ":target" )

选择由文档URI的格式化识别码表示的目标元素

eg:

如果文档的URI包含一个格式化的标识符，或hash（哈希）， 然后:target选择器将匹配ID和标识符相匹配的元素。  例如，给定的URI http://example.com/#foo， $( "p:target" )，将选择<p id="foo">元素。