jQuery 檢查某個(gè)元素在頁(yè)面上是否存在實(shí)例代碼
最近做項(xiàng)目，有這么個(gè)功能用jQuery檢查某個(gè)元素在網(wǎng)頁(yè)上是否存在，這里記錄下，也許能幫助正在讀文章的朋友。
用jQuery檢查某個(gè)元素在網(wǎng)頁(yè)上是否存在時(shí)，應(yīng)該根據(jù)獲取元素的長(zhǎng)度來(lái)判斷，代碼如下：
if($("#tt").length > 0) {
//元素存在時(shí)執(zhí)行的代碼
}
具體原因如下：
在JavaScript中，我們?cè)谑褂脗鹘y(tǒng)的getElementById()和getElementsByTagName()時(shí)，如果在網(wǎng)頁(yè)中找不到相關(guān)元素，那么瀏覽器就會(huì)報(bào)錯(cuò)，影響后續(xù)代碼的執(zhí)行，所以為了避免瀏覽器報(bào)錯(cuò)，可以對(duì)元素進(jìn)行判斷，例如：
if(document.getElementById("tt")) {//js判斷元素是否存在
document.getElementById("tt").style.color = "red";
}
如果要操作的元素很多，就需要大量重復(fù)的工作，這往往讓人厭倦。而jQuery的一大優(yōu)勢(shì)就是它完善的處理機(jī)制，即使用jQuery獲取網(wǎng)頁(yè)中不存在的元素也不會(huì)報(bào)錯(cuò)。這是因?yàn)?("#tt")獲取的永遠(yuǎn)是對(duì)象，即使網(wǎng)頁(yè)上沒(méi)有此元素。因此當(dāng)要用jQuery檢查某個(gè)元素在網(wǎng)頁(yè)上是否存在時(shí)，不能使用以下代碼：
if($("#tt")) {
//永遠(yuǎn)執(zhí)行，不管元素是否存在
}
這就是為什么要根據(jù)元素的長(zhǎng)度來(lái)判斷元素在頁(yè)面中是否存在的原因。
感謝閱讀，希望能幫助到大家，謝謝大家對(duì)本站的支持！
相關(guān)文章
jquery實(shí)現(xiàn)彈出div,始終顯示在屏幕正中間的簡(jiǎn)單實(shí)例
本篇文章主要是對(duì)jquery實(shí)現(xiàn)彈出div,始終顯示在屏幕正中間的簡(jiǎn)單實(shí)例進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-03-03
JQuery頁(yè)面圖片切換和新聞列表滾動(dòng)效果的具體實(shí)現(xiàn)
這篇文章介紹了JQuery頁(yè)面圖片切換和新聞列表滾動(dòng)效果的具體實(shí)現(xiàn)，有需要的朋友可以參考一下2013-09-09
jquery判斷當(dāng)前瀏覽器的實(shí)現(xiàn)代碼
這篇文章主要介紹了jquery判斷當(dāng)前瀏覽器的實(shí)現(xiàn)代碼,需要的朋友可以參考下2015-11-11
這篇文章主要介紹了jQuery的$.proxy()應(yīng)用,需要的朋友可以參考下2014-04-04
因公司需要做一個(gè)仿百度搜索框,并且?guī)alue值的, 網(wǎng)上找了下只有Text, 都沒(méi)帶Value的 所以做了個(gè),代碼給予簡(jiǎn)單的注釋?zhuān)Y(jié)構(gòu)很清晰，很容易看懂，感興趣的朋友可以了解下2013-01-01
jQuery實(shí)現(xiàn)右側(cè)抽屜式在線(xiàn)客服功能
本篇文章給大家分先一下jQuery實(shí)現(xiàn)右側(cè)抽屜式在線(xiàn)客服功能的實(shí)例代碼，有需要的讀者們參考下吧。2017-12-12
jquery原創(chuàng)彈出層折疊效果點(diǎn)擊折疊彈出一個(gè)層
今天整理最近項(xiàng)目里用到的一個(gè)小效果，點(diǎn)擊折疊彈出一個(gè)層給用戶(hù)填寫(xiě)信息，感興趣的朋友可以學(xué)習(xí)下2014-03-03
jQuery增加和刪除表格項(xiàng)目及實(shí)現(xiàn)表格項(xiàng)目排序的方法
jQuery對(duì)表格的操作是老生常談的問(wèn)題了,各種插件也到處都是,這里我們還是來(lái)從技術(shù)著手jQuery增加和刪除表格項(xiàng)目及實(shí)現(xiàn)表格項(xiàng)目排序的方法:2016-05-05
js前臺(tái)判斷開(kāi)始時(shí)間是否小于結(jié)束時(shí)間
js前臺(tái)判斷開(kāi)始時(shí)間是否小于結(jié)束時(shí)間,結(jié)合了jquery需要的朋友可以參考下2012-02-02
jQuery實(shí)現(xiàn)為圖片添加鏡頭放大效果的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)為圖片添加鏡頭放大效果的方法,提供了四種放大鏡效果供大家選擇使用,并附有完整的源碼下載地址,需要的朋友可以參考下2015-06-06