首頁  >  文章  >  web前端  >  jquery怎麼判斷dom節點是否存在

jquery怎麼判斷dom節點是否存在

王林
王林原創
2020-11-18 11:59:572561瀏覽

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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn