ホームページ  >  記事  >  ウェブフロントエンド  >  jQueryセレクターの書き方

jQueryセレクターの書き方

(*-*)浩
(*-*)浩オリジナル
2019-05-22 17:59:432331ブラウズ

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

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" の要素が選択されます。属性は非表示になります:




 
#id 选择器 

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



这是一个标题

这是一个段落

这是另外一个段落

.class Selector

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

構文は次のとおりです:

$(".test")

Instance

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

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

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