小編給大家分享一下jquery查找元素是否存在的方法,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
成都創(chuàng)新互聯(lián)公司專注于城步企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站設(shè)計,商城建設(shè)。城步網(wǎng)站建設(shè)公司,為城步等地區(qū)提供建站服務(wù)。全流程定制網(wǎng)站開發(fā),專業(yè)設(shè)計,全程項目跟蹤,成都創(chuàng)新互聯(lián)公司專業(yè)和態(tài)度為您提供的服務(wù)jquery查找元素是否存在的方法:首先創(chuàng)建一個前端示例文件;然后通過“if($("#someID").length>0 ) {$("#someID").text("hi");}”方式判斷元素是否存在即可。
本教程演示環(huán)境:windows7系統(tǒng)、jquery1.2.6版本、Dell G3電腦。
推薦:jQuery視頻教程
jquery判斷元素是否存在
在傳統(tǒng)的Javascript里,當(dāng)我們對某個頁面元素進行某種操作前,好先判斷這個元素是否存在。原因是對一個不存在的元素進行操作是不允許的。例如:
document.getElementById("someID").innerText("hi");
如果ID為"someID"的元素不存在,我們將得到Javascript運行錯誤: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"); }
可是這么寫是不對的!因為jQuery對象永遠(yuǎn)都有返回值,所以$("someID")總是TRUE,IF語句沒有起到任何判斷作用。正確的寫法應(yīng)該是:
if ( $("#someID").length > 0 ) { $("#someID").text("hi"); }
注意:判斷某個頁面元素存在與否在jQuery實際上是沒有必要的,jQuery本身會忽略對一個不存在的元素進行操作,并且不會報錯。
以上是“jquery查找元素是否存在的方法”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!