PHP8.1.21版本已发布
vue8.1.21版本已发布
jquery8.1.21版本已发布

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

王林
王林 原创
2020-11-18 11:59:57 2351浏览

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($(&#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教程

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。