• jQuery检查某个元素在页面上是否存在


      用jQuery检查某个元素在网页上是否存在时,应该根据获取元素的长度来判断,代码如下:

    if($("#tt").length > 0) {
        //元素存在时执行的代码
    }    

    具体原因如下:

      在JavaScript中,我们在使用传统的getElementById()和getElementsByTagName()时,如果在网页中找不到相关元素,那么浏览器就会报错,影响后续代码的执行,所以为了避免浏览器报错,可以对元素进行判断,例如:

    if(document.getElementById("tt")) {//js判断元素是否存在
        document.getElementById("tt").style.color = "red";
    }

      如果要操作的元素很多,就需要大量重复的工作,这往往让人厌倦。而jQuery的一大优势就是它完善的处理机制,即使用jQuery获取网页中不存在的元素也不会报错。这是因为$("#tt")获取的永远是对象,即使网页上没有此元素。因此当要用jQuery检查某个元素在网页上是否存在时,不能使用以下代码:

    if($("#tt")) {
        //永远执行,不管元素是否存在
    }

      这就是为什么要根据元素的长度来判断元素在页面中是否存在的原因。

  • 相关阅读:
    结对编程(阶段二)
    结对编程 第一阶段
    Git实验
    webpack02
    webpack01
    实验五 单元测试
    实验四 代码审评
    UML建模工具的安装和使用
    实验二 结对编程(阶段二)
    博客园背景的修改
  • 原文地址:https://www.cnblogs.com/huangjinyong/p/9367302.html
Copyright © 2020-2023  润新知