jQuery 基礎トレーニング

jQuery エフェクト

jQuery 操作方法

jQuery 過渡

jQuery Ajax

jQuery その他

jQueryのリファレンスマニュアル

jQueryのイベント jQueryの選択子

jQuery :first 選択子

jQueryの選択子

：first選択子は、最初に一致するDOM要素を選択します。

通常、他の選択子と一緒に使用して、グループ内の最初の要素を選択します（以下の例を参照してください）。

注意：： first選択子は、1つの要素を選択することができます。

使用：first-child選択子は、その親要素に属する最初の子要素を選択します。

構文：

$(":first")

例

最初の段落を選択：

例

$(document).ready(function(){
　　$("p:first").css("background", "coral");
});

テストを見て‹/›

最初のリストアイテムを選択：

例

$(document).ready(function(){
　　$("li:first").css("background", "coral");
});

テストを見て‹/›

最初の行を選択：

例

$(document).ready(function(){
　　$("tr:first").css("background", "coral");
});

テストを見て‹/›

表示：firstと：first-child選択子の違い：

例

$(document).ready(function(){
　　$("#btn1").click(function(){
　　　　$("p:first").css("background-color", "coral");
　　});
　　$("#btn2").click(function(){
　　　　$("p:first-child").css("background-color", "lightgreen");
　　});
});

テストを見て‹/›

jQueryの選択子

jQueryのイベント jQueryの選択子