Jquery判斷$("#id")獲取的對象是否存在的方法
更新時間:2013年09月25日 16:08:05 作者:
如何判斷獲取的對象是否存在,貌似有很多方法實(shí)現(xiàn),下面以$("#id")舉例,為大家詳細(xì)介紹下具體的判斷過程
一、判斷對象對象是否存在
如果是下面的 jQuery 代碼判斷一個對象是否存在,是不能用的
復(fù)制代碼 代碼如下:
if($("#id")){
}else{}
因?yàn)?$(“#id”) 不管對象是否存在都會返回 object 。
正確使用判斷對象是否存在應(yīng)該用:
復(fù)制代碼 代碼如下:
if($("#id").length>0){}else{}
使用 jQuery 對象的屬性 length 來判斷,如果 > 0 就存在。
或者
復(fù)制代碼 代碼如下:
if($("#id")[0]){} else {}
或者直接使用原生的 Javascript 代碼來判斷:
復(fù)制代碼 代碼如下:
if(document.getElementById("id")){} else {}
二、根據(jù)父節(jié)點(diǎn)查找子節(jié)點(diǎn)
jQuery之children()返回匹配對象的字節(jié)點(diǎn)
children() 返回匹配對象的子介點(diǎn)
復(fù)制代碼 代碼如下:
<p>one</p>
<div id=”ch”>
<span>two</span>
</div>
jQuery代碼及功能:
function jq(){
alert($(“#ch”).children().html());
}
$(“#ch”).children()得到對象[ <span>two</span> ].所以.html()的結(jié)果是”two”
[code]
三、根據(jù)子節(jié)點(diǎn)查找父節(jié)點(diǎn)
[code]
<div id=”ch”>
<span>two</span>
<span id=”sp”>three</span>
</div>
jQuery代碼及功能
復(fù)制代碼 代碼如下:
Jquery.ready ({
alert($(“#ch”).children(“#sp”).html());
});
$(“#ch”).children()得到對象[<span>two</span><span id="sp">three</span> ].
$(“#ch”).children(“#sp”)過濾得到[<span id="sp">three</span> ]
相關(guān)文章
Jquery通過Ajax方式來提交Form表單的具體實(shí)現(xiàn)
提交Form表單的方法有很多,在本文為大家介紹下Jquery通過Ajax方式是如何提交Form表單的2013-11-11jQuery中圖片展示插件highslide.js的簡單dom
Highslide是一個非常美觀的圖片燈箱插件,下面這篇文章主要給大家介紹了關(guān)于jQuery中圖片展示插件highslide.js的簡單dom,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2018-04-046款經(jīng)典實(shí)用的jQuery小插件及源碼(對話框/提示工具等等)
jQuery擁有豐富多彩的插件,這些插件可以幫助你簡化很多的開發(fā)過程,下面介紹的6款實(shí)用jQuery小插件及源碼,感興趣的朋友可以參考下,希望本文可以幫助到你2013-02-02打造基于jQuery的高性能TreeView(asp.net)
項(xiàng)目中經(jīng)常會遇到樹形數(shù)據(jù)的展現(xiàn),包括導(dǎo)航,選擇等功能,所以樹控件在大多項(xiàng)目中都是必須的。那一個實(shí)用的樹應(yīng)該具備什么功能呢?2011-02-02jQuery中iframe的操作(點(diǎn)擊按鈕新增窗口)
<iframe>也應(yīng)該是框架的一種形式,它與<frame>不同的是,iframe可以嵌在網(wǎng)頁中的任意部分。本文給大家介紹jQuery中iframe的操作(點(diǎn)擊按鈕新增窗口),需要的朋友參考下吧2016-04-04JQuery入門——用bind方法綁定事件處理函數(shù)應(yīng)用介紹
bind()功能是為每個選擇元素的事件綁定處理函數(shù),感興趣的你可以了解下它的語法bind(type, [data], fn),參數(shù)data是作為event.data屬性值傳遞對象的額外數(shù)據(jù)對象,好好學(xué)習(xí)希望本可以幫助到你2013-02-02jQuery彈出層插件popShow(改進(jìn)版)用法示例
這篇文章主要介紹了jQuery彈出層插件popShow(改進(jìn)版)用法,對比前文分析了popShow插件的使用方法,需要的朋友可以參考下2017-01-01