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

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

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

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

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

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

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

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

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

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

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

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

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

或者转换为DOM对象来判断

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

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

原文：http://www.cnblogs.com/hushaojun/p/4780741.html