Jquery下判斷Id是否存在的代碼
更新時(shí)間:2011年01月06日 23:40:38 作者:
Jquery下判斷Id是否存在的代碼,需要的朋友可以參考下。
一、判斷對(duì)象對(duì)象是否存在
如果是下面的 jQuery 代碼判斷一個(gè)對(duì)象是否存在,是不能用的
if($("#id")){
}else{}
因?yàn)?$(“#id”) 不管對(duì)象是否存在都會(huì)返回 object 。
正確使用判斷對(duì)象是否存在應(yīng)該用:
if($("#id").length>0){}else{}
使用 jQuery 對(duì)象的屬性 length 來判斷,如果 > 0 就存在。
或者
if($("#id")[0]){} else {}
或者直接使用原生的 Javascript 代碼來判斷:
if(document.getElementById("id")){} else {}
二、根據(jù)父節(jié)點(diǎn)查找子節(jié)點(diǎn)
jQuery之children()返回匹配對(duì)象的字節(jié)點(diǎn)
children() 返回匹配對(duì)象的子介點(diǎn)
<p>one</p>
<div id=”ch”>
<span>two</span>
</div>
jQuery代碼及功能:
function jq(){
alert($(“#ch”).children().html());
}
$(“#ch”).children()得到對(duì)象[ <span>two</span> ].所以.html()的結(jié)果是”two”
三、根據(jù)子節(jié)點(diǎn)查找父節(jié)點(diǎn)
<div id=”ch”>
<span>two</span>
<span id=”sp”>three</span>
</div>
jQuery代碼及功能
Jquery.ready ({
alert($(“#ch”).children(“#sp”).html());
});
$(“#ch”).children()得到對(duì)象[<span>two</span><span id="sp">three</span> ].
$(“#ch”).children(“#sp”)過濾得到[<span id="sp">three</span> ]
如果是下面的 jQuery 代碼判斷一個(gè)對(duì)象是否存在,是不能用的
if($("#id")){
}else{}
因?yàn)?$(“#id”) 不管對(duì)象是否存在都會(huì)返回 object 。
正確使用判斷對(duì)象是否存在應(yīng)該用:
if($("#id").length>0){}else{}
使用 jQuery 對(duì)象的屬性 length 來判斷,如果 > 0 就存在。
或者
if($("#id")[0]){} else {}
或者直接使用原生的 Javascript 代碼來判斷:
if(document.getElementById("id")){} else {}
二、根據(jù)父節(jié)點(diǎn)查找子節(jié)點(diǎn)
jQuery之children()返回匹配對(duì)象的字節(jié)點(diǎn)
children() 返回匹配對(duì)象的子介點(diǎn)
<p>one</p>
<div id=”ch”>
<span>two</span>
</div>
jQuery代碼及功能:
function jq(){
alert($(“#ch”).children().html());
}
$(“#ch”).children()得到對(duì)象[ <span>two</span> ].所以.html()的結(jié)果是”two”
三、根據(jù)子節(jié)點(diǎn)查找父節(jié)點(diǎn)
<div id=”ch”>
<span>two</span>
<span id=”sp”>three</span>
</div>
jQuery代碼及功能
Jquery.ready ({
alert($(“#ch”).children(“#sp”).html());
});
$(“#ch”).children()得到對(duì)象[<span>two</span><span id="sp">three</span> ].
$(“#ch”).children(“#sp”)過濾得到[<span id="sp">three</span> ]
相關(guān)文章
ligerUI的ligerDialog關(guān)閉刷新的方法
今天小編就為大家分享一篇ligerUI的ligerDialog關(guān)閉刷新的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-09-09jQuery EasyUI API 中文文檔 - Menu菜單
jQuery EasyUI API 中文文檔 - Menu菜單,學(xué)習(xí)jQuery EasyUI的朋友可以參考下。2011-10-10jQuery中replaceWith()方法用法實(shí)例
這篇文章主要介紹了jQuery中replaceWith()方法用法,以實(shí)例形式分析了replaceWith()方法用于匹配元素替換的技巧,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2014-12-12淺談jquery采用attr修改form表單enctype不起作用的問題
下面小編就為大家?guī)硪黄獪\談jquery采用attr修改form表單enctype不起作用的問題。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-11-11PHP+jQuery實(shí)現(xiàn)隨意拖動(dòng)層并即時(shí)保存拖動(dòng)位置
本文講解了如何采用PHP+MySQL+jQuery,實(shí)現(xiàn)隨意拖動(dòng)層并即時(shí)保存拖動(dòng)位置。 十分的實(shí)用,有需要的小伙伴可以參考下。2015-04-04