锋利JQuery

第二章 jQuery选择器

2.1 jQuery选择器是什么

1.CSS选择器

表2-1 常用的CSS选择器

此外CSS中还有伪类选择器(E:Pseudo-Element {CssRules})、子选择器（E>F{CssRules}）、临近选择器(E + F {CssRules})和

属性选择器（E[attr] {CssRules}）等。

2. Jquery选择器

    
     jQuery Demo
     
     
      $(".demo").click(funciton(){    alert("jQuery demo!");})
     
    

2.2 jQuery选择器的优势 

1. 简洁的写法

如： $("#ID"),$("TagName")

2.支持CSS1到CSS3选择器

3.完善的处理机制

例如：

    
     test
    
    
     $('#tt').css("color","red");    //这里无需判断$('#tt')是否存在
    

需要注意的是，$('#tt')获取的永远是对象，即使网页上没有此元素。因此当要用jQuery检查某个元素在网页上是否存在时，不能使用以下代码：

if($("#tt")){// do something}

而应该根据获取到元素的长度来判断，代码如下：

if($('#tt').length > 0){//do something}

或者转化为DOM对象来判断，代码如下：

if($('#tt')[0]){//do something}

2.3 jQuery选择器