jQuery选择器实例大全

jQuery的选择器很强大，我对照着jQuery的手册把常用的选择器的使用方法都配上了实例，备自己用到时查询，也希望对大家有用。

$("input#test") //id=test的input

$("input[name=abc]") //name=abc的input

$("input[type=radio][value=2]") //type=radio、value=2的input

$(":radio") //所有type=radio的元素，在新浏览器中性能不如$("[type=radio]")

$(this) //当前元素

$("#abc").children('div') //ID为abc的元素的子级中的div元素

$("#abc").children() //ID为abc的元素的子级

$("input").filter(".abc") //样式为abc的input

$("input").not(".abc") //样式不是abc的input

$("input").not(":even") $("input").filter(":odd") //第2、4、6……个input

$("input").filter(":even") $("input").not(":odd") //第1、3、5……个input，上面二者等效 //not和filter正好相反，even和odd正好相反

$("input").add("div") //input与div的集合

$("input").add("#abc") //input与ID=abc的元素的合集

$("input").slice(0, 2) //input的前2个

$("input").slice(0, -1) //input从第一个到倒数第二个（排除掉倒数第一个）

$("input").parent() //集合中每个元素的爹（不包括爷爷和老爷爷等）的集合

$("input").parents() //集合中每个元素的祖宗（爹、爷、老爷爷，如果不加参数将一直追溯到HTML）的集合

$("#abc").siblings() //ID=abc的元素的兄弟姐妹（不包括自己）

$("#abc").prev() //ID=abc的元素的哥哥（仅仅比他大的那个）

$("#abc").prevall() //ID=abc的元素的哥哥们

$("#abc").next() //ID=abc的元素的弟弟（仅仅比他小的那个）

$("#abc").nextall() //ID=abc的元素的弟弟们