jQuery判斷元素是否存在的可靠方法

更新時間：2014年05月06日 09:51:14 作者：

這篇文章主要介紹了jQuery判斷元素是否存在的可靠方法,需要的朋友可以參考下

最簡單的辦法是判斷元素匹配長度

譬如HTML代碼：

復(fù)制代碼代碼如下:

通常我們的做法是

復(fù)制代碼代碼如下:

if($('.mydiv').length>0)

比較可靠且不會出錯的做法是：

復(fù)制代碼代碼如下:

if($('.mydiv').length && $('.mydiv').length>0)
  return true;

使用傳統(tǒng)javascript方法，如下：

復(fù)制代碼代碼如下:

if(document.getElementById('div')) {     
    // 找到到對應(yīng)元素 
} else {     
    // 沒有找到找到到對應(yīng)元素 
}

使用jQuery則比較簡單，只需判斷此元素的長度是否為0，如果為0則此元素不存在，代碼如下：

復(fù)制代碼代碼如下:

if ($("#div").length > 0){ 
    // 找到對應(yīng)id=div的元素，然后執(zhí)行此塊代碼 
} 

甚至能找到組合元素，如下，我們找一個id定義為div的元素里面是否包含img，代碼如下：

復(fù)制代碼代碼如下:

if ($("#div img").length > 0){ 
    // 找到對應(yīng)id=div并且包含img的元素，然后執(zhí)行此塊代碼 
} 

是不是很簡單，大家可以嘗試使用一下

您可能感興趣的文章:

相關(guān)文章

使用jQuery監(jiān)聽DOM元素大小變化
jQuery resize event監(jiān)聽DOM元素大小變化 ,即可以綁定window以外的元素大小的變化，支持回調(diào)函數(shù)！
2016-02-02
html、css和jquery相結(jié)合實(shí)現(xiàn)簡單的進(jìn)度條效果實(shí)例代碼
這篇文章主要介紹了html、css和jquery相結(jié)合實(shí)現(xiàn)簡單的進(jìn)度條效果的實(shí)例代碼，這個進(jìn)度條特別簡單，首先html里面的話就是一個div里面嵌套一個div，然后寫好想要的樣式就行了，具有一定的參考借鑒價值，感興趣的朋友一起看看吧
2016-10-10
jQuery、layer實(shí)現(xiàn)彈出層的打開、關(guān)閉功能
這篇文章主要介紹了jQuery、layer實(shí)現(xiàn)彈出層的打開、關(guān)閉功能,需要的朋友可以參考下
2017-06-06
用jQuery的AJax實(shí)現(xiàn)異步訪問、異步加載
這篇文章主要介紹了用jQuery的AJax實(shí)現(xiàn)異步訪問、異步加載，jQuery的ajax異步實(shí)現(xiàn)數(shù)據(jù)交互的相關(guān)技巧,并提供了完整示例demo供讀者參考,需要的朋友可以參考下
2016-11-11
jQuery ready方法實(shí)現(xiàn)原理詳解
這篇文章主要介紹了jQuery ready方法實(shí)現(xiàn)原理詳解的相關(guān)資料,需要的朋友可以參考下
2016-10-10
jQuery移動頁面開發(fā)中的觸摸事件與虛擬鼠標(biāo)事件簡介
這篇文章主要介紹了jQuery移動頁面開發(fā)中的觸摸事件與虛擬鼠標(biāo)事件的簡單編寫方法,jQuery是當(dāng)今人氣最高的Javascript庫并被廣泛應(yīng)用于移動web的開發(fā),需要的朋友可以參考下
2015-12-12
前端開發(fā)部分總結(jié)[兼容性、DOM操作、跨域等]（持續(xù)更新）
在公司做這個項(xiàng)目已經(jīng)6個多月了，總結(jié)一些問題，也算是拋磚引玉吧，希望更多的朋友一起分享一些技巧。
2010-03-03
詳解Jquery Easyui的驗(yàn)證擴(kuò)展
本文主要介紹了Jquery Easyui驗(yàn)證擴(kuò)展，Easyui驗(yàn)證，Easyui校驗(yàn)，js正則表達(dá)式。具有一定的參考價值，下面跟著小編一起來看下吧
2017-01-01
jquery對Json的各種遍歷方法總結(jié)(必看篇)
下面就為大家?guī)硪黄猨query對Json的各種遍歷方法總結(jié)(必看篇)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-09-09
詳談jQuery操縱DOM元素屬性 attr()和removeAtrr()方法
這篇文章主要詳細(xì)介紹了jQuery操縱DOM元素屬性 attr()和removeAtrr()方法，非常的全面細(xì)致，在這里推薦給小伙伴們。
2015-01-01