JQuery选择器总结

下周的项目应该又要做前台的东西,把JQuery的选择器查询并总结一下,一来加深印象,二来可以作为以后查询.

1.常用的选择器:

$("#idchoose")   　　　　　　　　　　  选择一个id为idchoose的元素.

$(".class")    　　  　　　　　　　　　  选择一个class样式为class的元素.

$("input[name='person']")      　　　 选择一个name为person的input框.

$("h4:contains('John')")          　　　 选择一个包含"John"的h4标题元素.

$("*")   　　　　　　　　　　　　 　　 选择文档中的所有的元素

　　通常情况为了防止因为自己思考有误而导致选择器出错,最简单直接的方法就是在html页面的元素上插入一个id然后用id选择器来进行选择.虽然class选择器也可以做到唯一选择,但是考虑的美工大大们可能修改class,所以相比之下还是id选择器比较靠谱一点.

　　不过一个页面的id选择器是唯一的,当你有两个或者更多的同名id的时候,只会默认选择第一个该id的元素,所以id选择器不能用来进行批量选择,所以需要批量选择的时候(比如把页面内的所有的输入框都设置成readonly),显然需要使用$("input[type='text']")这种有过滤的元素选择器来完成的.当然clss也可以用来进行批量选择,同样的,考虑的前台还有美工大大们的活,就不要用class选择器了,万一发生了误删或者样式名字改变这种悲剧的事情,会很伤心的.

下面是一些JQuery选择器的分类总结:

总结大部分参考前辈快乐的langYa的博文以及W3C的JQuery教程,链接见文章最后.

元素选择器:

$("p")           选择所有的<p>元素

通常情况下,元素选择器都是与过滤选择器一起结合使用的,如:$("p:[type='hidden']"),选择tpye属性为hidden的所有<p>元素.

注释