jQuery选择器部分知识点总结

一、jQuery选择器的优势

1、使用CSS选择器时，开发人员需要考虑主流浏览器是否支持某些选择器，而在jQuery中，开发人员则可以放心的使用jQuery选择器而无需考虑浏览器是否支持这些选择器。

2、使用getElementById()和getElementByTagName()函数获取页面中不存在的元素时会报错，但是使用jQuery获取网页中不存在的元素时不会报错。

注意：$("#tt")获取的是对象，即使网页中没有此元素。

所以当要用jQuery检测某个元素在网页中是否存在的时候使用如下代码:

1 　　if($("#tt").lenght > 0){
2
3 　　　　//do something
4
5 　　}
或者(转换成DOM对象)

if($("#tt")[0]){

//do something

}
而不是

1 　　if($("#tt")){
2
3 　　　　//do something
4
5 　　}
二、jQuery选择器

（一）、基本选择器

$("#test"):选取id为test的元素

$(".test"):选取所有class为test的元素

$(“p”):选取所有

元素

$("*"):选取所有的元素

$(“div,span,p.myClass”):选取所有

, 和拥有class为myClass的

标签的一组元素。

（二）、层次选择器

$(“div span”):选取

里所有的后代 元素

$(“div > span”):选取

元素下的 子元素

$(".one+div"):选取class为one的下一个

同辈元素

$("#two~div"):选取id为two的元素后面的所有

同辈元素

（三）、过滤选择器

1、基本过滤选择