Rumah > hujung hadapan web > tutorial js > jquery怎么判断dom节点是否存在

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

王林
Lepaskan: 2020-11-18 11:59:57
asal
2606 orang telah melayarinya

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);
Salin selepas log masuk

使用方法:

页面有以下dom

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

判断:

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
Salin selepas log masuk

相关推荐:js教程

Atas ialah kandungan terperinci jquery怎么判断dom节点是否存在. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan