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-11
jQuery發(fā)布已經(jīng)十年了，挺讓人難以置信。過去的這些年Web開發(fā)變了很多，jQuery也隨之變化著。在這個過程中，團(tuán)隊(duì)一直在對確保過往代碼的兼容支持和獲取最好的Web開發(fā)實(shí)踐的現(xiàn)實(shí)之間努力著。就在2天前，jQuery發(fā)布了新的3.0最終版本2016-06-06
jQuery中圖片展示插件highslide.js的簡單dom
Highslide是一個非常美觀的圖片燈箱插件，下面這篇文章主要給大家介紹了關(guān)于jQuery中圖片展示插件highslide.js的簡單dom，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2018-04-04
6款經(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-02
jQuery中iframe的操作(點(diǎn)擊按鈕新增窗口)
<iframe>也應(yīng)該是框架的一種形式，它與<frame>不同的是，iframe可以嵌在網(wǎng)頁中的任意部分。本文給大家介紹jQuery中iframe的操作(點(diǎn)擊按鈕新增窗口)，需要的朋友參考下吧2016-04-04
JQuery入門——用bind方法綁定事件處理函數(shù)應(yīng)用介紹
bind()功能是為每個選擇元素的事件綁定處理函數(shù),感興趣的你可以了解下它的語法bind(type, [data], fn),參數(shù)data是作為event.data屬性值傳遞對象的額外數(shù)據(jù)對象,好好學(xué)習(xí)希望本可以幫助到你2013-02-02
這篇文章主要為大家詳細(xì)介紹了jQuery選擇器之子元素過濾選擇器的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-09-09
分享一個背景云變換js特效隨著鼠標(biāo)的移動，背景云會不斷的變化位置和形狀,感興趣的朋友可以研究下2012-12-12
jQuery彈出層插件popShow(改進(jìn)版)用法示例
這篇文章主要介紹了jQuery彈出層插件popShow(改進(jìn)版)用法,對比前文分析了popShow插件的使用方法,需要的朋友可以參考下2017-01-01