jquery は要素に指定されたクラス名があるかどうかをどのように判断しますか?-フロントエンドQ&A-php.cn

jquery は要素に指定されたクラス名があるかどうかをどのように判断しますか?

青灯夜游

リリース： 2022-04-20 19:25:30

オリジナル

3381 人が閲覧しました

判定方法: 1. hasClass() を使用して要素に指定されたクラス名が含まれているかどうかを確認します (構文は "element object.hasClass("クラス名")" です; 2. attr() を使用して取得しますclass属性の値を取得し、指定したクラス名と属性値が等しいかどうかを判定します。構文は「element object.attr("class")=="クラス名"」となります。

jquery は要素に指定されたクラス名があるかどうかをどのように判断しますか?

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

jquery が要素に指定されたクラス名が含まれているかどうかを判断するには 2 つの方法があります。

hasClass()
## を使用します。 #Use attr( )

方法 1: hasClass()

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

<!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(){
					if($("p").hasClass("intro")){
						console.log("有指定类名");
					}else{
						console.log("没有指定类名");
					}
					
				});
			});
			</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 は要素に指定されたクラス名があるかどうかをどのように判断しますか?

方法 2: attr()

attr() を使用してクラス属性の値を取得します。 class Name

は、属性値が指定されたクラス名と等しいかどうかを判断するだけで済みます。

<!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(){
					if($("p").attr("class")=="intro"){
						console.log("有指定类名");
					}else{
						console.log("没有指定类名");
					}
					
				});
			});
			</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 は要素に指定されたクラス名があるかどうかをどのように判断しますか?