jqueryに特定のクラスがあるかどうかを確認する方法-jsチュートリアル-php.cn

jqueryに特定のクラスがあるかどうかを確認する方法

青灯夜游

リリース： 2021-11-12 17:00:02

オリジナル

6410 人が閲覧しました

jquery では、hasClass() メソッドを使用して、特定のクラスが存在するかどうかを判断できます。このメソッドの機能は、選択された要素に指定されたクラスが含まれているかどうかを確認することです。構文は "$(selector ).hasClass(クラス名) "。

jqueryに特定のクラスがあるかどうかを確認する方法

このチュートリアルの動作環境: Windows7 システム、jquery1.10.2 バージョン、Dell G3 コンピューター。

jquery では、hasClass() メソッドを使用して、指定されたクラスが存在するかどうかを確認できます。

jqueryに特定のクラスがあるかどうかを確認する方法

hasClass() メソッドは、選択した要素に指定されたクラスが含まれているかどうかを確認できます。選択された要素に指定されたクラスが含まれる場合、このメソッドは「true」を返します。

構文形式:

$(selector).hasClass(classname)

ログイン後にコピー

classname: 必須パラメータ。指定された要素内で見つかるクラスを指定します。

例:

要素に「intro」が含まれているかどうかを確認します。クラス:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="js/jquery-1.10.2.min.js">
</script>
<script>
$(document).ready(function(){
	$("button").click(function(){
		alert($("p").hasClass("intro"));
	});
});
</script>
<style type="text/css">
.intro{
	font-size:120%;
	color:red;
}
</style>
</head>
<body>

<h1>这是一个段落标题</h1>
<p class="intro">这是一个段落</p>
<p> 这是另外一个段落</p>
<button>是否有 p 元素使用了 "intro" 类?</button>

</body>
</html>

ログイン後にコピー

jqueryに特定のクラスがあるかどうかを確認する方法