ホームページ > 記事 > ウェブフロントエンド > jQueryセレクターの書き方
jquery は、多くの js 記述メソッドを簡素化し、よりシンプルかつ効率的にする Js フレームワークです。それでは、jquery セレクターをどのように記述すればよいでしょうか? ここでは、参考のために一般的に使用されるセレクターをいくつか紹介します。
jQuery セレクター
jQuery セレクターを使用すると、HTML 要素のグループまたは個々の要素を操作できます。
jQuery セレクターは、要素の ID、クラス、タイプ、属性、属性値などに基づいて HTML 要素を「検索」(または選択) します。これは、いくつかのカスタム セレクターに加えて、既存の CSS セレクターに基づいています。
jQuery のすべてのセレクターはドル記号 $() で始まります。
要素セレクター
jQuery 要素セレクターは、名前に基づいて要素を選択します。
ページ内のすべての
要素を選択します:
$("p")
Example
ユーザーがボタンをクリックすると、すべての 要素が非表示になります。
元素选择器 <script> $(document).ready(function(){ $("button").click(function(){ $("p").hide(); }); }); </script>这是一个标题
这是一个段落。
这是另一个段落。
#id selector
jQuery #id selector は、HTML 要素の id 属性を通じて指定された要素を選択します。
ページ内の要素の ID は一意である必要があるため、ページ内の唯一の要素を選択する場合は、#id セレクターを使用する必要があります。
ID で要素を選択するための構文は次のとおりです。
$("#test")
Example
ユーザーがボタンをクリックすると、id="test" の要素が選択されます。属性は非表示になります:
#id 选择器 <script> $(document).ready(function(){ $("button").click(function(){ $("#test").hide(); }); }); </script>这是一个标题
这是一个段落
这是另外一个段落
.class Selector
jQuery クラスセレクターはクラスを指定して要素を検索できます。
構文は次のとおりです:
$(".test")
Instance
ユーザーがボタンをクリックすると、class="test" 属性を持つすべての要素が非表示になります。 ## うーん
以上がjQueryセレクターの書き方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。