JQuery选择器(JQuery处理机制)

使用JQuery选择器不仅比使用传统的getElementById()和getElementByTagName()函数简洁的多，而且还能避免很多错误，例如:

<div>test</div>

<script type="text/javascript">

　　document.getElementById("tt").style.color = "red";

</script>

以上代码在运行中，浏览器会报错，原因是网页中根本就没有id为"tt"的元素。改进后代码如下：

<div>test</div>

<script type="text/javascript">

　　if(document.getElementById("tt"))

　　{

　　　　document.getElementById("tt").style.color = "red";

　　}

</script>

先行进去判断，这样会避免浏览器报错。如果要操作很多个元素，可能需要多每个元素进行判断，就会有大量重复的工作需要程序员来完成。而JQuery在这方面上的处理是非常不错的，使用JQuery获取网页中不存在的元素也不会报错，示例如下：

<div>test</div>

<script type="text/javascript">

　　$(function(){

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

　　})

</script>

需要注意的是，$("tt")获取的是JQuery对象(是一个数组)，当要用JQuery检查某个元素是否存在时，不能用以下代码:

if($("tt")){

　　//to do

}

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

if($("#tt").length > 0){

　　//to do

}

或者转换成DOM对象进行判断，如下:

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

　　//to do 

}