DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> Jquery判斷$(#id)獲取的對象是否存在的方法
Jquery判斷$(#id)獲取的對象是否存在的方法
編輯:JQuery特效代碼     

一、判斷對象對象是否存在

如果是下面的 jQuery 代碼判斷一個對象是否存在,是不能用的
. 代碼如下:
if($("#id")){
}else{}

因為 $(“#id”) 不管對象是否存在都會返回 object 。

正確使用判斷對象是否存在應該用:
. 代碼如下:
if($("#id").length>0){}else{}

使用 jQuery 對象的屬性 length 來判斷,如果 > 0 就存在。

或者
. 代碼如下:
if($("#id")[0]){} else {}

或者直接使用原生的 Javascript 代碼來判斷:
. 代碼如下:
if(document.getElementById("id")){} else {}

二、根據父節點查找子節點
jQuery之children()返回匹配對象的字節點
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]
三、根據子節點查找父節點
[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> ]

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved