jQuery判斷元素是否存在的可靠方法

最簡單的辦法是判斷元素匹配長度

10年的肥城網(wǎng)站建設經驗，針對設計、前端、開發(fā)、售后、文案、推廣等六對一服務，響應快，48小時及時工作處理。網(wǎng)絡營銷推廣的優(yōu)勢是能夠根據(jù)用戶設備顯示端的尺寸不同，自動調整肥城建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調整網(wǎng)站的寬度，無論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設計，從而大程度地提升瀏覽體驗。創(chuàng)新互聯(lián)從事“肥城網(wǎng)站設計”,“肥城網(wǎng)站推廣”以來，每個客戶項目都認真落實執(zhí)行。

譬如HTML代碼：

復制代碼

代碼如下:div

class='mydiv'/div

通常我們的做法是

復制代碼

代碼如下:if($('.mydiv').length0)

比較可靠且不會出錯的做法是：

復制代碼

代碼如下:

if($('.mydiv').length

$('.mydiv').length0)

return

true;

使用傳統(tǒng)javascript方法，如下：

復制代碼

代碼如下:

if(document.getElementById('div'))

{

//

找到到對應元素

}

else

{

//

沒有找到找到到對應元素

}

使用jQuery則比較簡單，只需判斷此元素的長度是否為0，如果為0則此元素不存在，代碼如下：

復制代碼

代碼如下:

if

($("#div").length

0){

//

找到對應id=div的元素，然后執(zhí)行此塊代碼

}

甚至能找到組合元素，如下，我們找一個id定義為div的元素里面是否包含img，代碼如下：

復制代碼

代碼如下:

if

($("#div

img").length

0){

//

找到對應id=div并且包含img的元素，然后執(zhí)行此塊代碼

}

是不是很簡單，大家可以嘗試使用一下

jquery怎么判斷是否有某個元素

用jQuery檢查某個元素在網(wǎng)頁上是否存在時，應該根據(jù)獲取元素的長度來判斷，代碼如下：

if($("#tt").length 0) {

//元素存在時執(zhí)行的代碼

}

具體原因如下：

在JavaScript中，我們在使用傳統(tǒng)的getElementById()和getElementsByTagName()時，如果在網(wǎng)頁中找不到相

關元素，那么瀏覽器就會報錯，影響后續(xù)代碼的執(zhí)行，所以為了避免瀏覽器報錯，可以對元素進行判斷，例如：

if(document.getElementById("tt")) {//js判斷元素是否存在

document.getElementById("tt").style.color = "red";

}

如果要操作的元素很多，就需要大量重復的工作，這往往讓人厭倦。而jQuery的一大優(yōu)勢就是它完善的處理機制，即使用jQuery獲取網(wǎng)頁中

不存在的元素也不會報錯。這是因為$("#tt")獲取的永遠是對象，即使網(wǎng)頁上沒有此元素。因此當要用jQuery檢查某個元素在網(wǎng)頁上是否存在時，不能使用以下代碼：

if($("#tt")) {

//永遠執(zhí)行，不管元素是否存在

}

這就是為什么要根據(jù)元素的長度來判斷元素在頁面中是否存在的原因。

jquery怎么判斷頁面中是否存在某元素

jquery判斷頁面中是否存在某元素，有一個思路是這樣的：

比如：我們要判斷頁面中是否存在div元素，那么我們可以這樣寫：

script

if($('div').length0) {

alert('頁面中存在div元素');

} else {

alert('頁面中不存在div元素');

}

/script

上述代碼思路說明 ： 判斷某一個元素的集合的個數(shù)。若是為0，則代表沒有這樣元素；若是大于0，則代表有這個元素。

純手打，望采納。

怎樣判斷jQuery 元素是否顯示與隱藏

判斷jQuery 元素是否顯示與隱藏的方法如下：

1、使用CSS屬性

var display =$('#id').css('display');if(display == 'none'){?? alert("被你發(fā)現(xiàn)了，我是隱藏的啦！");}

2、使用jquery內置選擇器

假設我們頁面有這么個標簽,

div id="test"p僅僅是測試所用/p/div

那么,我們可以用以下語句來判斷id為"test"的標簽是否隱藏:

if($("#test").is(":hidden")){...} //前提是已經將jQuery的庫導進來了

這樣,我們就能夠很簡單地判斷一個元素是否隱藏,并根據(jù)其狀態(tài)來設置動,比如:

if($("#test").is(":hidden")){?????? $("#test").show();??? //如果元素為隱藏,則將它顯現(xiàn)}else{????? $("#test").hide();???? //如果元素為顯現(xiàn),則將其隱藏}

3、jQuery判斷對象是否顯示或隱藏

Js代碼

// jQuery("#tanchuBg").css("display")??// jQuery("#tanchuBg").is(":visible")??// jQuery("#tanchuBg").is(":hidden")

jquery 判斷 元素是否具有某個class

兩種方法如下：

1、hasClass(‘classname’)

2、is(‘.classname’)

例子：

1、使用is(‘.classname’)的方法

$('div').is('.redColor')

2、使用hasClass(‘classname’)的方法(注意jquery的低版本可能是hasClass(‘.classname’))

$('div').hasClass('redColor')

擴展資料：

關于上述出現(xiàn)的jquery的hasclass()和is()的簡介

1、is()

is(expr|obj|ele|fn)

根據(jù)選擇器、DOM元素或 jQuery 對象來檢測匹配元素集合，如果其中至少有一個元素符合這個給定的表達式就返回true。

如果沒有元素符合，或者表達式無效，都返回'false'。 '''注意：'''在jQuery 1.3中才對所有表達式提供了支持。在先前版本中，如果提供了復雜的表達式，比如層級選擇器（比如 + , ~ 和 ），始終會返回true

2、hasclass()

檢查當前的元素是否含有某個特定的類，如果有，則返回true。

這其實就是 is("." + class)。

描述：給包含有某個類的元素進行一個動畫。