|
|
復(fù)制代碼 代碼如下:
document.getElementById("someID").innerText("hi");
如果ID為"someID"的元素不存在，我們將得到Javascript運(yùn)行錯(cuò)誤：document.getElementById("someID") is null
正確的寫法應(yīng)該是：
復(fù)制代碼 代碼如下:
obj = document.getElementById("someID");
if (obj){
obj.innerText("hi");
}
那么在jQuery，我們?nèi)绾闻袛囗?yè)面元素存在與否呢？如果參照上面的傳統(tǒng)Javascript的寫法，我們第一個(gè)想到的辦法一定是：
復(fù)制代碼 代碼如下:
if ($("#someID")){
$("#someID").text("hi");
}
可是這么寫是不對(duì)的！因?yàn)閖Query對(duì)象永遠(yuǎn)都有返回值，所以$("someID") 總是TRUE ，IF語(yǔ)句沒(méi)有起到任何判斷作用。正確的寫法應(yīng)該是：
復(fù)制代碼 代碼如下:
if ( $("#someID").length > 0 ) {
$("#someID").text("hi");
}
注意 ：判斷某個(gè)頁(yè)面元素存在與否在jQuery實(shí)際上是沒(méi)有必要的，jQuery本身會(huì)忽略 對(duì)一個(gè)不存在的元素進(jìn)行操作，并且不會(huì)報(bào)錯(cuò)。
復(fù)制代碼 代碼如下:
$(document).ready(function(){
var value=$('#btn_delXml').length;
if(value>0)
{
alert('Extsts');
}
else
{
alert('not Extsts');
}
})
下面是其它說(shuō)明雖然類似，但有些文字說(shuō)明
有的時(shí)候，要根據(jù)頁(yè)面加載的內(nèi)容不同而作不同的操作，這個(gè)時(shí)候，判斷頁(yè)面上是否存在這個(gè)元素（或?qū)ο螅┳兊糜葹橹匾Ｈ绻麑?a href=/itjie/Javajishu/ target=_blank class=infotextkey>JavaScript來(lái)實(shí)現(xiàn)，較為麻煩，而jQuery卻能很容易的實(shí)現(xiàn)這個(gè)功能。
我們知道，jQuery選擇器獲取頁(yè)面的element時(shí)，無(wú)論element是否存在，都會(huì)返回一個(gè)對(duì)象。例如：
var my_element = $("#element_Id" )
此時(shí)的變量my_element就是一個(gè)對(duì)象，既然是一個(gè)對(duì)象，這個(gè)對(duì)象就具有l(wèi)ength的屬性，因此，用以下代碼可以判斷元素（對(duì)象）是否存在：
復(fù)制代碼 代碼如下:
if(my_element.length>0){
alert("element is exist.");
}else{
alert("element not be found");
}
JavaScript技術(shù)：jQuery 判斷頁(yè)面元素是否存在的代碼，轉(zhuǎn)載需保留來(lái)源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。
