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