jQuery 判斷頁面元素是否存在的代碼
更新時間：2009年08月14日 01:43:55 作者：
在傳統(tǒng)的Javascript里，當(dāng)我們對某個頁面元素進(jìn)行某種操作前，最好先判斷這個元素是否存在。原因是對一個不存在的元素進(jìn)行操作是不允許的。
例如：
document.getElementById("someID").innerText("hi");
如果ID為"someID"的元素不存在，我們將得到Javascript運(yùn)行錯誤：document.getElementById("someID") is null
正確的寫法應(yīng)該是：
obj = document.getElementById("someID");
if (obj){
obj.innerText("hi");
}
那么在jQuery，我們?nèi)绾闻袛囗撁嬖卮嬖谂c否呢？如果參照上面的傳統(tǒng)Javascript的寫法，我們第一個想到的辦法一定是：
if ($("#someID")){
$("#someID").text("hi");
}
可是這么寫是不對的！因?yàn)閖Query對象永遠(yuǎn)都有返回值，所以$("someID") 總是TRUE ，IF語句沒有起到任何判斷作用。正確的寫法應(yīng)該是：
if ( $("#someID").length > 0 ) {
$("#someID").text("hi");
}
注意 ：判斷某個頁面元素存在與否在jQuery實(shí)際上是沒有必要的，jQuery本身會忽略 對一個不存在的元素進(jìn)行操作，并且不會報(bào)錯。
$(document).ready(function(){
var value=$('#btn_delXml').length;
if(value>0)
{
alert('Extsts');
}
else
{
alert('not Extsts');
}
})
下面是其它說明雖然類似，但有些文字說明
有的時候，要根據(jù)頁面加載的內(nèi)容不同而作不同的操作，這個時候，判斷頁面上是否存在這個元素（或?qū)ο螅┳兊糜葹橹匾?。如果寫JavaScript來實(shí)現(xiàn)，較為麻煩，而jQuery卻能很容易的實(shí)現(xiàn)這個功能。
我們知道，jQuery選擇器獲取頁面的element時，無論element是否存在，都會返回一個對象。例如：
var my_element = $("#element_Id" )
此時的變量my_element就是一個對象，既然是一個對象，這個對象就具有l(wèi)ength的屬性，因此，用以下代碼可以判斷元素（對象）是否存在：
if(my_element.length>0){
alert("element is exist.");
}else{
alert("element not be found");
}
復(fù)制代碼 代碼如下:
document.getElementById("someID").innerText("hi");
如果ID為"someID"的元素不存在，我們將得到Javascript運(yùn)行錯誤：document.getElementById("someID") is null
正確的寫法應(yīng)該是：
復(fù)制代碼 代碼如下:
obj = document.getElementById("someID");
if (obj){
obj.innerText("hi");
}
那么在jQuery，我們?nèi)绾闻袛囗撁嬖卮嬖谂c否呢？如果參照上面的傳統(tǒng)Javascript的寫法，我們第一個想到的辦法一定是：
復(fù)制代碼 代碼如下:
if ($("#someID")){
$("#someID").text("hi");
}
可是這么寫是不對的！因?yàn)閖Query對象永遠(yuǎn)都有返回值，所以$("someID") 總是TRUE ，IF語句沒有起到任何判斷作用。正確的寫法應(yīng)該是：
復(fù)制代碼 代碼如下:
if ( $("#someID").length > 0 ) {
$("#someID").text("hi");
}
注意 ：判斷某個頁面元素存在與否在jQuery實(shí)際上是沒有必要的，jQuery本身會忽略 對一個不存在的元素進(jìn)行操作，并且不會報(bào)錯。
復(fù)制代碼 代碼如下:
$(document).ready(function(){
var value=$('#btn_delXml').length;
if(value>0)
{
alert('Extsts');
}
else
{
alert('not Extsts');
}
})
下面是其它說明雖然類似，但有些文字說明
有的時候，要根據(jù)頁面加載的內(nèi)容不同而作不同的操作，這個時候，判斷頁面上是否存在這個元素（或?qū)ο螅┳兊糜葹橹匾?。如果寫JavaScript來實(shí)現(xiàn)，較為麻煩，而jQuery卻能很容易的實(shí)現(xiàn)這個功能。
我們知道，jQuery選擇器獲取頁面的element時，無論element是否存在，都會返回一個對象。例如：
var my_element = $("#element_Id" )
此時的變量my_element就是一個對象，既然是一個對象，這個對象就具有l(wèi)ength的屬性，因此，用以下代碼可以判斷元素（對象）是否存在：
復(fù)制代碼 代碼如下:
if(my_element.length>0){
alert("element is exist.");
}else{
alert("element not be found");
}
您可能感興趣的文章:
- JQuery顯示隱藏頁面元素的方法總結(jié)
- jQuery獲得頁面元素的絕對/相對位置即絕對X,Y坐標(biāo)
- JQuery 簡便實(shí)現(xiàn)頁面元素?cái)?shù)據(jù)驗(yàn)證功能
- jQuery獲取頁面元素絕對與相對位置的方法
- jquery獲得頁面元素的坐標(biāo)值實(shí)現(xiàn)思路及代碼
- jQuery頁面元素動態(tài)添加后綁定事件丟失方法,非 live
- jQuery實(shí)現(xiàn)動態(tài)控制頁面元素的方法分析
- jQuery使用之處理頁面元素用法實(shí)例
- jquery 查找iframe父級頁面元素的實(shí)現(xiàn)代碼
- jQuery實(shí)現(xiàn)鎖定頁面元素(表格列)
相關(guān)文章
jquery應(yīng)用實(shí)例分享_實(shí)現(xiàn)手風(fēng)琴特效
下面小編就為大家分享一篇jquery應(yīng)用實(shí)例_實(shí)現(xiàn)手風(fēng)琴特效的示例代碼。具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
jQuery fancybox在ie瀏覽器下無法顯示關(guān)閉按鈕的解決辦法
這篇文章主要介紹了 jQuery fancybox在ie瀏覽器下無法顯示關(guān)閉按鈕的解決辦法的相關(guān)資料,需要的朋友可以參考下2016-02-02
jQuery可見性過濾器：hidden和：visibility用法實(shí)例
這篇文章主要介紹了jQuery可見性過濾器：hidden和：visibility用法,實(shí)例分析了：hidden和：visibility的功能及相關(guān)使用技巧,需要的朋友可以參考下2015-06-06
jquery遍歷checkbox的注意事項(xiàng)說明
本篇文章主要是對jquery遍歷checkbox的注意事項(xiàng)進(jìn)行了說明介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02
這篇文章主要介紹了jQuery簡單圖表peity.js的使用,需要的朋友可以參考下2014-05-05
jQuery實(shí)現(xiàn)表格的增、刪、改操作示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)表格的增、刪、改操作,涉及基于jQuery的事件響應(yīng)及頁面元素動態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2019-01-01
基于Jquery的淡入淡出的特效基礎(chǔ)練習(xí)實(shí)現(xiàn)代碼，學(xué)習(xí)jquery的朋友可以參考下。2010-12-12
jquery利用json實(shí)現(xiàn)頁面之間傳值的實(shí)例解析
本文主要介紹了jquery利用json實(shí)現(xiàn)頁面之間傳值的方法，具有很好的參考價(jià)值，需要的朋友可以看下2016-12-12
jQuery實(shí)現(xiàn)的感應(yīng)鼠標(biāo)懸停圖片色彩漸顯效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)的感應(yīng)鼠標(biāo)懸停圖片色彩漸顯效果,涉及jQuery中hover、find、css等方法的使用技巧,需要的朋友可以參考下2015-03-03
jquery數(shù)據(jù)驗(yàn)證插件(自制,簡單,練手)實(shí)例代碼
最近項(xiàng)目中js數(shù)據(jù)驗(yàn)證比較多，為了統(tǒng)一風(fēng)格，移植復(fù)用，于是順手封裝了Jquery的插件2013-10-10