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的元素的弟弟们

 评论
 发表评论
姓   名: