jquery判斷dom節(jié)點(diǎn)是否存在的方法

這篇文章給大家分享的是有關(guān)jquery判斷dom節(jié)點(diǎn)是否存在的方法的內(nèi)容。小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧。

jquery判斷dom節(jié)點(diǎn)是否存在的方法：1、在jquery原型中添加exists方法；2、在exists方法內(nèi)判斷當(dāng)前對(duì)象的length屬性是否大于0，如果大于則存在；3、通過(guò)【$('#id').exist()】進(jìn)行調(diào)用即可。

判斷思路如下：

1、首先在jquery原型上添加一個(gè)exist方法；

2、然后在方法內(nèi)判斷當(dāng)前對(duì)象length屬性是否大于0，大于就存在；

3、最后通過(guò)$('#id').exist()進(jìn)行調(diào)用即可。

添加 jquery 擴(kuò)展 js （直接寫(xiě)一個(gè)單獨(dú)的 js文件存放如下代碼。并在jquery代碼之后引入）

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

使用方法：

頁(yè)面有以下dom

<div id="mydom">這里是id=dom1節(jié)點(diǎn)</div>
<div>這里是DIV節(jié)點(diǎn)</div>
<span>這里是span節(jié)點(diǎn)</span>

判斷：

console.log($('#dom').exist()) //返回結(jié)果為 false
console.log($('#mydom').exist()) //返回結(jié)果為 true
console.log($('div').exist()) //返回結(jié)果為 true
console.log($('p').exist()) //返回結(jié)果為 false

感謝各位的閱讀！關(guān)于jquery判斷dom節(jié)點(diǎn)是否存在的方法就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！