jquery判斷有沒有class

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

創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于成都做網(wǎng)站、網(wǎng)站建設(shè)、蓮湖網(wǎng)絡(luò)推廣、小程序定制開發(fā)、蓮湖網(wǎng)絡(luò)營銷、蓮湖企業(yè)策劃、蓮湖品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等，從售前售中售后，我們都將竭誠為您服務(wù)，您的肯定，是我們最大的嘉獎；創(chuàng)新互聯(lián)為所有大學(xué)生創(chuàng)業(yè)者提供蓮湖建站搭建服務(wù)，24小時服務(wù)熱線：028-86922220，官方網(wǎng)址：www.cdcxhl.com

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

定義和用法

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

語法：

$(selector).hasClass(class)

返回值

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

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

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的效果與初始效果相同。

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

在jquery中有2種方法可以來判斷一個元素是否包含一個確定的類(class)。兩種方法的返回值都是ture和false。包含的話返回true，不包含的話返回false。2種方法分別是：

is(‘.classname’) ?和 ?hasClass(‘classname’)

如：

html：

div?class="redDiv"?style="border:1px?solid?#e0e0e0;?width:200px;?height:30px;"/div

input?type="button"?class="red"?value="有redDiv類？"?/

input?type="button"?class="blue"?value="有blueDiv類？"?/

jq：

$(document).ready(function(){

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

if($("div").is(".redDiv")){

alert("含有redDiv類");

}

});

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

if(!($("div").hasClass("blueDiv"))){

alert("不含有blueDiv類");

}

});

});

jquery判斷標(biāo)簽是否有某個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

兩種方法如下：

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()

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

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

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