jqueryクラスセレクターの使い方-フロントエンドQ&A-php.cn

jqueryクラスセレクターの使い方

WBOY

リリース： 2022-09-05 17:13:12

オリジナル

2061 人が閲覧しました

jquery では、クラスセレクターは、指定されたクラスを持つすべての要素を選択するために使用されます。class 属性は、複数の HTML 要素に特定のスタイルを設定するために使用されます。一部のブラウザーでの問題を回避するには、使用しないことをお勧めします。数字で始まるクラス属性の構文は「$(".class")」です。

jqueryクラスセレクターの使い方

この記事の動作環境: Windows 10 システム、jquery バージョン 3.6.0、Dell G3 コンピューター。

jquery クラスセレクターの使用方法

.class セレクターは、指定されたクラスを持つすべての要素を選択します。

class は、HTML 要素の class 属性を指します。

class 属性は、複数の HTML 要素に特定のスタイルを設定するために使用されます。

注: 数字で始まるクラス属性は使用しないでください。これにより、一部のブラウザで問題が発生する可能性があります。

構文は次のとおりです:

$(".class")

ログイン後にコピー

例は次のとおりです:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $(".intro").css("background-color","yellow");
});
</script>
</head>
<body>
<h1>欢迎访问我的主页</h1>
<p>没有指定class</p>
<p class="intro">指定class，设置背景颜色</p>
</body>
</html>

ログイン後にコピー

出力結果:

jqueryクラスセレクターの使い方