jQuery中判斷對(duì)象是否存在的方法匯總

如果是下面的

成都創(chuàng)新互聯(lián)公司主要從事成都做網(wǎng)站、網(wǎng)站設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)樺南,十年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):18982081108

jQuery

代碼判斷一個(gè)對(duì)象是否存在，是不能用的。

if($("#id")){

//...

}else{

//...

}

因?yàn)?/p>

$(“#id”)

不管對(duì)象是否存在都會(huì)返回

object

。

正確使用判斷對(duì)象是否存在應(yīng)該用：

if($("#id").length0){

//...

}else{

//...

}

使用

jQuery

對(duì)象的屬性

length

來判斷，如果

就存在。

或者

if($("#id")[0]){

//...

}else{

//...

}

或者直接使用原生的

Javascript

代碼來判斷：

if(document.getElementById("id")){

//...

}else{

//...

}

怎么使用jquery判斷一個(gè)元素是否含有一個(gè)指定的類

在jquery中可以使用2種方法來判斷一個(gè)元素是否包含一個(gè)確定的類(class)。兩種方法有著相同的功能。2種方法如下：

1. is(‘.classname’)

2. hasClass(‘classname’)

以下是一個(gè)div元素是否包含一個(gè)redColor的例子：

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

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

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

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

以下是檢測(cè)一個(gè)元素是否含有一個(gè)redColor類的例子，含有時(shí)，則把其類變?yōu)閎lueColor。

html

head

styletype="text/css"

.redColor {

background:red;

}

.blueColor {

background:blue;

}

/style

scripttype="text/javascript"src="jquery-1.3.2.min.js"/script

/head

body

h1jQuery check if an element has a certain class/h1

divclass="redColor"This is a div tag with class name of "redColor"/div

p

buttonid="isTest"is('.redColor')/button

buttonid="hasClassTest"hasClass('.redColor')/button

buttonid="reset"reset/button

/p

scripttype="text/javascript"

$("#isTest").click(function () {

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

$('div').addClass('blueColor');

}

});

$("#hasClassTest").click(function () {

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

$('div').addClass('blueColor');

}

});

$("#reset").click(function () {

location.reload();

});

/script

/body

/html

jquery判斷元素是否存在

jquery判斷頁面中是否存在某元素，可以參考以下的代碼：

script

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

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

} else {

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

}

/script

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

擴(kuò)展資料：

工作原理

jQuery的模塊可以分為3部分：入口模塊、底層支持模塊和功能模塊。

在構(gòu)造jQuery對(duì)象模塊中，如果在調(diào)用構(gòu)造函數(shù)jQuery()創(chuàng)建jQuery對(duì)象時(shí)傳入了選擇器表達(dá)式，則會(huì)調(diào)用選擇器Sizzle（一款純JavaScript實(shí)現(xiàn)的CSS選擇器引擎，用于查找與選擇器表達(dá)式匹配的元素集合）遍歷文檔，查找與之匹配的DOM元素，并創(chuàng)建一個(gè)包含了這些DOM元素引用的jQuery對(duì)象。

jQuery 實(shí)例

html

head

script type="text/javascript" src="jquery.js"/script

script type="text/javascript"

$(document).ready(function(){

$("p").click(function(){

$(this).hide();

});

});

/script

/head

body

pIf you click on me, I will disappear./p

/body

/html

參考資料來源：百度百科-jQuery

jquery 判斷 元素是否具有某個(gè)class

兩種方法如下：

1、hasClass(‘classname’)

2、is(‘.classname’)

例子：

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

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

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

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

擴(kuò)展資料：

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

1、is()

is(expr|obj|ele|fn)

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

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

2、hasclass()

檢查當(dāng)前的元素是否含有某個(gè)特定的類，如果有，則返回true。

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

描述：給包含有某個(gè)類的元素進(jìn)行一個(gè)動(dòng)畫。

jquery判斷是否有某個(gè)屬性

在JQuery編碼中,我們會(huì)判斷元素是否存在某個(gè)屬性.比如是否包含 class="new" 的樣式呢.JQuery判斷就非常簡(jiǎn)單了,因?yàn)橛?hasClass這個(gè)方法 $("input[name=new]").hasClass("new") 即可判斷.

但是有時(shí)候我們需要判斷別的屬性,比如有的 a 鏈接包含 rel 屬性,有的沒有rel屬性.這時(shí)該怎么判斷呢?

這時(shí)就沒有現(xiàn)成的方法了. 如果存在某個(gè)屬性 $("#aid").attr("rel") 會(huì)返回 rel的值,如果不存在 rel屬性則會(huì)返回"undefined"

undefined 就是 undefined類型 , if($("#aid").attr("rel")=="undefined") 這個(gè)判斷可能不成立.

因?yàn)轭愋筒幌嗤?

建議使用 if(typeof($("#aid").attr("rel"))=="undefined") 即可

新聞標(biāo)題：jquery中的判斷,jquery判斷是否顯示
標(biāo)題URL：http://chinadenli.net/article13/dsijsgs.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供小程序開發(fā)、品牌網(wǎng)站制作、App開發(fā)、軟件開發(fā)、網(wǎng)站制作、全網(wǎng)營銷推廣

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)