jQuery开发之jQuery选择器一

1，CSS选择器

常用的css选择器如下表：





2，jQuery选择器

CSS 获取到元素的代码如下：

.demo{     //给class为demo的元素添加样式
...

}

jQuery获取元素的代码如下：

$(".demo").click(function(){ //给class为demo的元素添加行为
...
});

jQuery选择器和CSS选择器的写法十分相似，只不过两者的作用效果不同，CSS选择器是找到元素后添加样式，而jQuery选择器是找到元素后添加行为。

jQuery选择器的优势

（1）简洁的写法

$()

函数在很多的javaScript类库中都被当作一个选择器函数来使用，在jQuery中也不例外。其中

$("#ID")

用来代替document.getElementById()函数，即通过ID取元素。

$("tagName")

用来代替document.getElementByTagName()函数,即通过标签名获取HTML元素。

(2)支持CSS1 到CSS3选择器

(3) 完善的处理机制

需要注意的是，

$("#tt")

获取的永远都是对象，即使网页上没有此元素。因此当要用jQuery检查某个元素是否 存在时，不能使用一下代码：

if($("#tt")){

//do something

}

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

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

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

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