首頁 >web前端 >js教程 >jquery 判斷節點是否存在

jquery 判斷節點是否存在

藏色散人
藏色散人原創
2020-12-08 10:31:142875瀏覽

jquery判斷節點是否存在的方法:首先在jquery原型上加入exist方法;然後在方法內判斷目前物件length屬性;最後透過「$('#id').exist()」進行調用即可。

jquery 判斷節點是否存在

本教學操作環境:windows7系統、jquery1.10.0版本、thinkpad t480電腦。

推薦:《jquery影片教學》《javascript基礎教學

jQuery判斷DOM節點是否存在頁面中

# 1.首先在jquery原型上新增一個exist方法;

2、然後在方法內判斷當前物件length屬性是否大於0,大於就存在;

#3、最後透過$(' #id').exist()進行呼叫即可。

新增原型:

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

使用方法:

假如頁面有如下DOM節點

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

判斷:

alert($( '#aaa').exist()); // false

alert($('#a').exist()); // true

alert($('div ').exist()); // true

alert($('p').exist()); // false

以上是jquery 判斷節點是否存在的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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