jquery判斷有沒有class

用if判斷以及hasClass取class就可以實現(xiàn)

創(chuàng)新互聯(lián)是一家專業(yè)提供南靖企業(yè)網(wǎng)站建設(shè),專注與網(wǎng)站制作、成都網(wǎng)站制作、成都h5網(wǎng)站建設(shè)、小程序制作等業(yè)務(wù)。10年已為南靖眾多企業(yè)、政府機構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站建設(shè)公司優(yōu)惠進行中。

if($("div").hasClass("classname")){}

定義和用法

hasClass() 方法檢查被選元素是否包含指定的 class。

語法：

$(selector).hasClass(class)

返回值

hasClass()函數(shù)的返回值是Boolean類型，返回表示是否包含指定css類名的boolean值，如果包含就返回true，否則返回false。

如果當前jQuery對象匹配多個元素，只要其中有任意一個元素含有指定的css類名，就返回true。

jquery 判斷是否有class

定義和用法：hasClass() 方法檢查被選元素是否包含指定的 class

語法：$(selector).hasClass(class)

例子：

div?class="a"?id="b"/div

script

if($("#b").hasClass("a")){

alert("包含class?a");

}

/script

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

兩種方法如下：

1、hasClass(‘classname’)

2、is(‘.classname’)

例子：

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

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

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

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

擴展資料：

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

1、is()

is(expr|obj|ele|fn)

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

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

2、hasclass()

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

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

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

jquery判斷標簽是否有某個class

在 jQuery 中可以使用2種方法來判斷一個元素是否包含一個確定的類(class)。兩種方法有著相同的功能。2種方法如下：（個人喜歡用hasClass()）

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

pre style="white-space: pre-wrap; word-wrap: break-word; margin: 0px 0px 0px 22px; font-size: 1em;"$('div').is('.redColor')/pre

pre style="white-space: pre-wrap; word-wrap: break-word; margin: 0px 0px 0px 22px; font-size: 1em;"$('div').hasClass('redColor')/pre

jquery判斷是否有某個class

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

1. is(‘.classname’)

2. hasClass(‘classname’)

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

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

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

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

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

以下是檢測一個元素是否含有一個redColor類的例子，含有時，則把其類變?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

初始效果：

點擊is('.redColor')后的效果：

點擊hasClass('redColor')的效果與點擊is('.redColor')后的效果相同，點擊reset的效果與初始效果相同。