ホームページ  >  記事  >  ウェブフロントエンド  >  jQueryのhasClass()の使い方

jQueryのhasClass()の使い方

藏色散人
藏色散人オリジナル
2020-11-10 13:54:122393ブラウズ

jQuery hasClass() メソッドは、選択された要素に指定されたクラス名が含まれているかどうかを確認するために使用されます。その使用構文は、「$(selector).hasClass(classname)」です。パラメーター classname は、それが必要であることを示します。選択した要素内で検索されるタイプ。

jQueryのhasClass()の使い方

推奨: 「jquery ビデオ チュートリアル

jQuery hasClass() の定義と使用法

hasClass() メソッドは、選択された要素に指定されたクラス名が含まれているかどうかを確認します。

選択した要素に指定されたクラスが含まれている場合、このメソッドは「true」を返します。

構文

$(selector).hasClass(classname)

パラメータ

クラス名は必須です。選択した要素内で検索するクラスを指定します。

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

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.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のhasClass()の使い方

以上がjQueryのhasClass()の使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。