jQueryセレクター

jQueryセレクターは、jQueryライブラリの最も重要な部分の1つです。

jQueryセレクター

jQueryセレクターを使用すると、HTML要素を選択して操作できます。

jQueryセレクターは、名前、ID、クラス、タイプ、属性、属性の値などに基づいてHTML要素を「検索」（または選択）するために使用されます。これは既存のCSSセレクターに基づいており、さらに、いくつかの独自のカスタムセレクターがあります。

jQueryのすべてのセレクターは、ドル記号と括弧$（）で始まります。

要素セレクター

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

<p>次のように、ページ上のすべての要素を選択できます。

$("p")

例

ユーザーがボタンをクリックすると、すべての<p>要素が非表示になります。

例

$(document).ready(function(){
  $("button").click(function(){
    $("p").hide();
  });
});

#idセレクター

jQueryセレクターは、HTMLタグのid属性を使用して、特定の要素を検索します。#id

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

特定のIDを持つ要素を見つけるには、ハッシュ文字を記述し、その後にHTML要素のIDを記述します。

$("#test")

例

ユーザーがボタンをクリックすると、id = "test"の要素が非表示になります。

例

$(document).ready(function(){
$("button").click(function(){
$("#test").hide();
});
});

.classセレクター

jQuery.classセレクターは、特定のクラスを持つ要素を検索します。

特定のクラスを持つ要素を検索するには、ピリオド文字を記述し、その後にクラスの名前を記述します。

$(".test")

例

ユーザーがボタンをクリックすると、class = "test"の要素が非表示になります。

例

$(document).ready(function(){
$("button").click(function(){
$(".test").hide();
});
});