jqueryには何種類のセレクターがありますか?-フロントエンドQ&A-php.cn

jqueryには何種類のセレクターがありますか?

青灯夜游

リリース： 2022-03-16 14:01:17

オリジナル

2141 人が閲覧しました

jquery には、指定されたクラス属性値を持つ要素を選択し、要素に対してさまざまな操作を実行するために使用されるクラスセレクターが 1 つだけあります (構文 "$(".class name")"、class name (つまり、クラス属性の値) の前に接頭辞「.」を付ける必要があります。そうしないと、セレクターは有効になりません。

jqueryには何種類のセレクターがありますか?

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

jquery では、クラスセレクターは 1 種類のみです。

クラスセレクターは、「クラスセレクター」とも呼ばれ、指定されたクラス属性値を持つ要素を選択するために使用されます。

「同じ要素」または「異なる要素」に対して同じクラスを定義し、このクラスの要素に対してさまざまな操作を実行できます。

構文:

$(".类名")

ログイン後にコピー

クラス名 (つまり、クラス属性の値) の前に英語のピリオド . を付ける必要があります。そうでない場合、セレクターは有効になります。英語のピリオド . がクラス名の前に追加され、これがクラスセレクターであることを示します。

例:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(function() {
				$(".lv").css("color", "red");
			})
		</script>
	</head>
	<body>
		<div>PHP中文网</div>
		<p class="lv">PHP中文网</p>
		<span class="lv">PHP中文网</span>
		<div>PHP中文网</div>
	</body>
</html>

ログイン後にコピー

jqueryには何種類のセレクターがありますか?