jQuery基础学习4——jQuery容错性

使用jQuery选择器不仅比使用传统的getElementById()和getElementsByTagName()函数简洁得多，而且还能避免某些错误。

 <script type="text/javascript"> 2 document.getElementById("tt").style.color="red"; 3 </script>  

如果网页中没有id为“tt”的元素，浏览器就会报错。

---

<script type="text/javascript">
            if(document.getElementById("tt")){
               document.getElementById("tt").style.color="red";
            }
        </script>

这样可以避免浏览器报错，但如果要操作的元素很多，代码需要增加很多判断。

---

jQuery获取网页中不存在的元素也不会报错。

 <script type="text/javascript"> 2 $('#tt').css("color","red"); 3 </script> 

---

$('#tt')获取的永远是对象，即使网页上没有此元素。

当要用jQuery检查某个元素在网页上是否存在时，不能使用以下代码：

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

---

应该根据获取到元素的长度来判断

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

---

或者转换为DOM对象来判断

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