jQueryセレクターの書き方

jquery は、多くの js 記述メソッドを簡素化し、よりシンプルかつ効率的にする Js フレームワークです。それでは、jquery セレクターをどのように記述すればよいでしょうか? ここでは、参考のために一般的に使用されるセレクターをいくつか紹介します。

jQuery セレクター

jQuery セレクターを使用すると、HTML 要素のグループまたは個々の要素を操作できます。

jQuery セレクターは、要素の ID、クラス、タイプ、属性、属性値などに基づいて HTML 要素を「検索」(または選択) します。これは、いくつかのカスタム セレクターに加えて、既存の CSS セレクターに基づいています。

jQuery のすべてのセレクターはドル記号 $() で始まります。

要素セレクター

jQuery 要素セレクターは、名前に基づいて要素を選択します。

ページ内のすべての

要素を選択します:

$("p")

Example

ユーザーがボタンをクリックすると、すべての

要素が非表示になります。

 
 

<script>
$(document).ready(function(){
  $("button").click(function(){
    $(&quot;p&quot;).hide();
  });
});
</script>



这是一个标题
这是一个段落。
这是另一个段落。
点我

#id ​​selector

jQuery #id selector は、HTML 要素の id 属性を通じて指定された要素を選択します。

ページ内の要素の ID は一意である必要があるため、ページ内の唯一の要素を選択する場合は、#id セレクターを使用する必要があります。

ID で要素を選択するための構文は次のとおりです。

$("#test")

Example

ユーザーがボタンをクリックすると、id="test" の要素が選択されます。属性は非表示になります:

 
 

<script>
$(document).ready(function(){
  $("button").click(function(){
    $(&quot;#test&quot;).hide();
  });
});
</script>



这是一个标题
这是一个段落
这是另外一个段落
点我

.class Selector

jQuery クラスセレクターはクラスを指定して要素を検索できます。

構文は次のとおりです:

$(".test")

Instance

ユーザーがボタンをクリックすると、class="test" 属性を持つすべての要素が非表示になります。 ## うーん

以上がjQueryセレクターの書き方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。