您好,登錄后才能下訂單哦!
小編給大家分享一下jquery查找元素是否存在的方法,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
jquery查找元素是否存在的方法:首先創建一個前端示例文件;然后通過“if($("#someID").length>0 ) {$("#someID").text("hi");}”方式判斷元素是否存在即可。
本教程演示環境:windows7系統、jquery1.2.6版本、Dell G3電腦。
推薦:jQuery視頻教程
jquery判斷元素是否存在
在傳統的Javascript里,當我們對某個頁面元素進行某種操作前,最好先判斷這個元素是否存在。原因是對一個不存在的元素進行操作是不允許的。例如:
document.getElementById("someID").innerText("hi");
如果ID為"someID"的元素不存在,我們將得到Javascript運行錯誤:document.getElementById("someID") is null
正確的寫法應該是:
obj = document.getElementById("someID"); if (obj){ obj.innerText("hi"); }
那么在jQuery,我們如何判斷頁面元素存在與否呢?如果參照上面的傳統Javascript的寫法,我們第一個想到的辦法一定是:
if ($("#someID")){ $("#someID").text("hi"); }
可是這么寫是不對的!因為jQuery對象永遠都有返回值,所以$("someID")總是TRUE,IF語句沒有起到任何判斷作用。正確的寫法應該是:
if ( $("#someID").length > 0 ) { $("#someID").text("hi"); }
注意:判斷某個頁面元素存在與否在jQuery實際上是沒有必要的,jQuery本身會忽略對一個不存在的元素進行操作,并且不會報錯。
以上是“jquery查找元素是否存在的方法”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。