首页 > web前端 > js教程 > jquery怎么判断dom节点是否存在

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

王林
发布: 2020-11-18 11:59:57
原创
2606 人浏览过

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

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

判断思路如下:

(学习视频分享: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($(&#39;#dom&#39;).exist()) //返回结果为 false
console.log($(&#39;#mydom&#39;).exist()) //返回结果为 true
console.log($(&#39;div&#39;).exist()) //返回结果为 true
console.log($(&#39;p&#39;).exist()) //返回结果为 false
登录后复制

相关推荐:js教程

以上是jquery怎么判断dom节点是否存在的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板