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>

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

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

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

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

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

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