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

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

<script type=”text/javascript”> document.getElementById(“tt”).style.color=”red”; </script>

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

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

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

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

<script type=”text/javascript”> $(‘#tt’).css(“color”,”red”); </script>

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

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

if ($(“#tt”)){ //do something }

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

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

或者转换为DOM对象来判断

if ($(“#tt”)[0]){ //do something }