jQuery 檢查某個元素在頁面上是否存在實例代碼
更新時間：2016年10月27日 16:01:35 投稿：lqh
這篇文章主要介紹了jQuery 檢查某個元素在頁面上是否存在實例代碼的相關資料,需要的朋友可以參考下
最近做項目，有這么個功能用jQuery檢查某個元素在網頁上是否存在，這里記錄下，也許能幫助正在讀文章的朋友。
用jQuery檢查某個元素在網頁上是否存在時，應該根據(jù)獲取元素的長度來判斷，代碼如下：
if($("#tt").length > 0) {
//元素存在時執(zhí)行的代碼
}
具體原因如下：
在JavaScript中，我們在使用傳統(tǒng)的getElementById()和getElementsByTagName()時，如果在網頁中找不到相關元素，那么瀏覽器就會報錯，影響后續(xù)代碼的執(zhí)行，所以為了避免瀏覽器報錯，可以對元素進行判斷，例如：
if(document.getElementById("tt")) {//js判斷元素是否存在
document.getElementById("tt").style.color = "red";
}
如果要操作的元素很多，就需要大量重復的工作，這往往讓人厭倦。而jQuery的一大優(yōu)勢就是它完善的處理機制，即使用jQuery獲取網頁中不存在的元素也不會報錯。這是因為$("#tt")獲取的永遠是對象，即使網頁上沒有此元素。因此當要用jQuery檢查某個元素在網頁上是否存在時，不能使用以下代碼：
if($("#tt")) {
//永遠執(zhí)行，不管元素是否存在
}
這就是為什么要根據(jù)元素的長度來判斷元素在頁面中是否存在的原因。
感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！
相關文章
之前一直學習，現(xiàn)在終于有時間來整理一下文檔了。以下文章都是自己學習Jquery 的筆記，希望能留下痕跡，也希望能幫助到您2012-05-05
基于jQuery Tipso插件實現(xiàn)消息提示框特效
這篇文章主要介紹了基于jQuery Tipso插件實現(xiàn)消息提示框特效，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-03-03
獲取復選框的值的方法有很多，舉不勝舉，在本文將為大家介紹下jquery是如何獲取復選框的值的，感興趣的朋友不要錯過2013-12-12
jQuery實現(xiàn)圖片放大預覽實現(xiàn)原理及代碼
jQuery實現(xiàn)圖片放大原理很簡單，就是將圖片顯示的尺寸變大后放在瀏覽器的一個指定位置，從而實現(xiàn)圖片的放大預覽，下面有個不錯的示例，感興趣的朋友可以參考下2013-09-09
jquery利用event.which方法獲取鍵盤輸入值的代碼
jquery利用event.which方法獲取鍵盤輸入值的代碼，需要的朋友可以參考下。2011-10-10
看了《javascript高級程序設計》里面有個表格排序的例子；覺得很有意思，所以自己用jquery的基本庫做了一個，里面的概念基本和書里面的差不多2010-09-09
在jQuery里有一個each方法，用起來非常的爽，不用再像原來那樣寫for循環(huán)，下面介紹each的幾種常用的用法2014-01-01
本文給大家分享jquery中map函數(shù)的兩種方式，非常不錯，具有參考借鑒價值，需要的朋友參考下吧2017-04-04
這篇文章主要為大家介紹了Jquery中巧用Ajax的beforeSend方法，beforeSend方法用于在向服務器發(fā)送請求前添加一些處理函數(shù),需要的朋友可以參考下2016-01-01
jqPlot是一個灰常強大的圖表工具，曲線，柱狀，餅圖，應該有盡有，更要命的是，調用方便~~2016-06-06