• 技术文章 >web前端 >js教程

    jquery怎么判断dom节点是否存在

    VV2020-11-18 11:59:57原创58

    jquery判断dom节点是否存在的方法:1、在jquery原型中添加exists方法;2、在exists方法内判断当前对象的length属性是否大于0,如果大于则存在;3、通过【$('#id').exist()】进行调用即可。

    判断思路如下:

    (学习视频分享:jquery视频教程

    1、首先在jquery原型上添加一个exist方法;

    2、然后在方法内判断当前对象length属性是否大于0,大于就存在;

    3、最后通过$('#id').exist()进行调用即可。

    添加 jquery 扩展 js (直接写一个单独的 js文件存放如下代码。并在jquery代码之后引入)

    (function($) {
     $.fn.exist = function(){ 
      if($(this).length>=1){
       return true;
      }
      return false;
     };
    })(jQuery);

    使用方法:

    页面有以下dom

    <div id="mydom">这里是id=dom1节点</div>
    <div>这里是DIV节点</div>
    <span>这里是span节点</span>

    判断:

    console.log($('#dom').exist()) //返回结果为 false
    console.log($('#mydom').exist()) //返回结果为 true
    console.log($('div').exist()) //返回结果为 true
    console.log($('p').exist()) //返回结果为 false

    相关推荐:js教程

    以上就是jquery怎么判断dom节点是否存在的详细内容,更多请关注php中文网其它相关文章!

    本文原创发布php中文网,转载请注明出处,感谢您的尊重!
    专题推荐:jquery dom节点
    上一篇:jquery怎么禁用a标签 下一篇:在jquery中如何打开新的窗口
    第14期线上培训班

    相关文章推荐

    • JavaScript关于DOM节点的深度优先和广度优先遍历• JavaScript中的DOM节点操作用法(源代码)• DOM节点的属性有哪些• js如何获取DOM节点到浏览器顶部或左侧的距离

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网