jQuery判斷元素是否存在的可靠方法
更新時(shí)間：2014年05月06日 09:51:14 作者：
這篇文章主要介紹了jQuery判斷元素是否存在的可靠方法,需要的朋友可以參考下
最簡(jiǎn)單的辦法是判斷元素匹配長(zhǎng)度
譬如HTML代碼：
復(fù)制代碼 代碼如下:
<div class='mydiv'></div>
通常我們的做法是
復(fù)制代碼 代碼如下:
if($('.mydiv').length>0)
比較可靠且不會(huì)出錯(cuò)的做法是：
復(fù)制代碼 代碼如下:
if($('.mydiv').length && $('.mydiv').length>0)
return true;
使用傳統(tǒng)javascript方法，如下：
復(fù)制代碼 代碼如下:
if(document.getElementById('div')) {
// 找到到對(duì)應(yīng)元素
} else {
// 沒(méi)有找到找到到對(duì)應(yīng)元素
}
使用jQuery則比較簡(jiǎn)單，只需判斷此元素的長(zhǎng)度是否為0，如果為0則此元素不存在，代碼如下：
復(fù)制代碼 代碼如下:
if ($("#div").length > 0){
// 找到對(duì)應(yīng)id=div的元素，然后執(zhí)行此塊代碼
}
甚至能找到組合元素，如下，我們找一個(gè)id定義為div的元素里面是否包含img，代碼如下：
復(fù)制代碼 代碼如下:
if ($("#div img").length > 0){
// 找到對(duì)應(yīng)id=div并且包含img的元素，然后執(zhí)行此塊代碼
}
是不是很簡(jiǎn)單，大家可以嘗試使用一下
相關(guān)文章
如果您不希望下載并存放jQuery，那么也可以通過(guò) CDN（內(nèi)容分發(fā)網(wǎng)絡(luò)）引用它，下面是具體實(shí)現(xiàn)，有類似需求的各位可以參考下哈，希望對(duì)你有所幫助2013-05-05
JQuery中如何傳遞參數(shù)如click(),change()等具體實(shí)現(xiàn)
有個(gè)需求讓兩個(gè)select中option相互轉(zhuǎn)換,這個(gè)作業(yè)就是給幾個(gè)按鈕添加click()事件接下來(lái)為大家介紹下如何在click(),change()傳遞參數(shù)2013-04-04
jQuery實(shí)現(xiàn)鼠標(biāo)選中文字后彈出提示窗口效果【附demo源碼】
這篇文章主要介紹了jQuery實(shí)現(xiàn)鼠標(biāo)選中文字后彈出提示窗口效果,涉及jQuery事件響應(yīng)及頁(yè)面元素動(dòng)態(tài)操作相關(guān)技巧,非常簡(jiǎn)便實(shí)用,需要的朋友可以參考下2016-09-09
jQuery下的動(dòng)畫(huà)處理總結(jié)
最近一年多一直在做前端的東西，由于老板在追求一些年輕動(dòng)感的效果，讓頁(yè)面元素不能僅僅是簡(jiǎn)單的隱藏顯示，所以經(jīng)常會(huì)使用一些動(dòng)畫(huà)效果，發(fā)現(xiàn)jQuery的動(dòng)畫(huà)真心好用啊，把常用的幾個(gè)總結(jié)一下，希望不再每次使用的時(shí)候還去翻API2013-10-10
利用jquery和BootStrap實(shí)現(xiàn)動(dòng)態(tài)滾動(dòng)條效果
這篇文章主要介紹了利用jquery和BootStrap實(shí)現(xiàn)動(dòng)態(tài)滾動(dòng)條效果,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2018-12-12
解決 PHP 拼數(shù)據(jù)這方面的問(wèn)題而有了 Smarty 這些模版，JavaScript 也可以利用模版來(lái)解決這些問(wèn)題，比如基于 jQuery 的 jquery.tmpl2014-08-08
jQuery模擬新浪微博首頁(yè)滾動(dòng)效果的方法
這篇文章主要介紹了jQuery模擬新浪微博首頁(yè)滾動(dòng)效果的方法,實(shí)例分析了jQuery使用animate、css等方法實(shí)現(xiàn)滾動(dòng)特效的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03
jQuery學(xué)習(xí)筆記 操作jQuery對(duì)象 屬性處理
HTML文檔，不但有一系列語(yǔ)義標(biāo)簽，每個(gè)標(biāo)簽下屬還有一系列屬性節(jié)點(diǎn)。自然我們也想去操作這些屬性節(jié)點(diǎn)。格式仍然為$(selector).方法2012-09-09
jQuery Easyui實(shí)現(xiàn)左右布局
jQuery EasyUI 是一個(gè)基于 jQuery 的框架，集成了各種用戶界面插件。接下來(lái)通過(guò)本文給大家介紹jQuery Easyui實(shí)現(xiàn)左右布局，涉及到到easyui左右布局相關(guān)知識(shí)，感興趣的朋友一起學(xué)習(xí)吧2016-01-01
通配符在控制input標(biāo)簽時(shí)相當(dāng)好用,這里簡(jiǎn)單進(jìn)行了jQuery中的通配符選擇器使用總結(jié),需要的朋友可以參考下2016-05-05