首頁猿問 jquery 判斷...

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

JQuery

繁星點(diǎn)點(diǎn)滴滴 2019-03-11 12:08:38

查看完整描述

4 回答

慕斯王

TA貢獻(xiàn)1864條經(jīng)驗獲得超2個贊

在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>
<h1>jQuery 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>

反對回復(fù) 2019-03-19

一只甜甜圈

TA貢獻(xiàn)1836條經(jīng)驗獲得超5個贊

兩種方法如下：

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()的簡介

1、is()

is(expr|obj|ele|fn)

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

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

2、hasclass()

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

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

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

反對回復(fù) 2019-03-19

慕神8447489

TA貢獻(xiàn)1780條經(jīng)驗獲得超1個贊

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

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。

拓展資料：

jQuery是一個快速、簡潔的JavaScript框架，是繼Prototype之后又一個優(yōu)秀的JavaScript代碼庫（或JavaScript框架）。jQuery設(shè)計的宗旨是“write Less，Do More”，即倡導(dǎo)寫更少的代碼，做更多的事情。它封裝JavaScript常用的功能代碼，提供一種簡便的JavaScript設(shè)計模式，優(yōu)化HTML文檔操作、事件處理、動畫設(shè)計和Ajax交互。

jQuery的核心特性可以總結(jié)為：具有獨(dú)特的鏈?zhǔn)秸Z法和短小清晰的多功能接口；具有高效靈活的css選擇器，并且可對CSS選擇器進(jìn)行擴(kuò)展；擁有便捷的插件擴(kuò)展機(jī)制和豐富的插件。jQuery兼容各種主流瀏覽器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

反對回復(fù) 2019-03-19