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
}