Jquery下判斷Id是否存在的代碼
更新時間：2011年01月06日 23:40:38 作者：
Jquery下判斷Id是否存在的代碼，需要的朋友可以參考下。
一、判斷對象對象是否存在
如果是下面的 jQuery 代碼判斷一個對象是否存在，是不能用的
if($("#id")){
}else{}
因為 $(“#id”) 不管對象是否存在都會返回 object 。
正確使用判斷對象是否存在應(yīng)該用：
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()的結(jié)果是”two”
三、根據(jù)子節(jié)點查找父節(jié)點
<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 代碼判斷一個對象是否存在，是不能用的
if($("#id")){
}else{}
因為 $(“#id”) 不管對象是否存在都會返回 object 。
正確使用判斷對象是否存在應(yīng)該用：
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()的結(jié)果是”two”
三、根據(jù)子節(jié)點查找父節(jié)點
<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> ]
相關(guān)文章
jQuery 1.5.1 發(fā)布，全面支持IE9 修復(fù)大量bug
jQuery 1.5.1發(fā)布了！這是自jQuery1.5發(fā)布以來第一個小版本更新，并且解決了很多BUG。2011-02-02
本篇文章主要介紹了ajax圖片上傳，圖片異步上傳，更新，具有一定的參考價值，有想去的可以了解一下。2016-12-12
這篇文章主要介紹了基于bootstrap3和jquery的分頁插件的相關(guān)資料,需要的朋友可以參考下2015-07-07
這篇文章主要為大家詳細介紹了jquery實現(xiàn)點擊彈出對話框，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-02-02
jQuery動態(tài)效果顯示人物結(jié)構(gòu)關(guān)系圖的方法
這篇文章主要介紹了jQuery動態(tài)效果顯示人物結(jié)構(gòu)關(guān)系圖的方法,涉及jQuery操作json結(jié)構(gòu)數(shù)據(jù)及鼠標(biāo)事件的技巧,需要的朋友可以參考下2015-05-05
本文給大家分享的是一款基于jQuery制作的多功能的輪播幻燈插件，支持多種配置，十分的實用，這里推薦給大家，有需要的小伙伴可以參考下。2015-04-04
這篇文章主要介紹了jQuery自定義滾動條,以完整實例形式分析了jQuery響應(yīng)scroll事件及鼠標(biāo)事件實現(xiàn)滾動條效果的相關(guān)技巧,需要的朋友可以參考下2016-01-01
jquery $.trim()去除字符串空格的實現(xiàn)方法【附圖例】
下面小編就為大家?guī)硪黄猨query $.trim()去除字符串空格的實現(xiàn)方法【附圖例】。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-03-03
這篇文章主要介紹了jQuery實現(xiàn)tab選項卡效果的方法,實例分析了jquery實現(xiàn)tab選項卡切換效果的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-07-07
使用jQuery判斷Div是否在可視區(qū)域的方法 判斷div是否可見
這篇文章主要介紹了使用jQuery判斷Div是否在可視區(qū)域的方法 判斷div是否可見2016-02-02