jQuery选择器的优点

$()函数在很多JavaScript类库中都被作为一个选择器函数来使用,在jQuery中也不例外。其中,$("#ID")用来代替document.getElementById()函数,即通过ID获取元素;$("tagName")用来代替document.getElementsByTagName()函数,即通过标签名获取HTML元素;

 

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

使用jQuery选择器不仅比使用传统的getElementByld()和getElementsByTagName()函数简洁得多,而且还能避免某些错误。看下面这个例子:

test
     

运行上面的代码,浏览器就会报错,原因是网页中没有id为“tt”的元素。

而jQuery在这方面问题上的处理是非常不错的,即使用jQuery获取网页中不存在的元素也不会报错,看下面的例子:

test
 

 jQuery很好用但要注意和传统js获得对象的不同之处:
$('#tt')获取的永远是对象,即使网页上没有此元素。因此当要用jQuery检查某个元素在网贞上是否存在时,不能使用以下代码:
if($("#tt")){  
//do something  
}

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

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

 

或者转化成DOM对象来判断,代码如下:

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