jQuery 基礎トレーニング

jQuery 効果

jQuery 操作方法

jQuery 過渡

jQuery Ajax

jQuery 極端

jQuery 参考手引

jQuery イベント jQuery 選擇器

jQuery :last 選択子

jQuer 選擇器

：last選択子は最後に一致する要素を選択します。

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

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

使用：last-child選択子を使用して、その親要素の最後の子要素を選択します。

文法：

$(":last")

例

最後の段落を選択：

例

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

テストして見て‹/›

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

例

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

テストして見て‹/›

最後のテーブル行を選択：

例

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

テストして見て‹/›

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

例

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

テストして見て‹/›

jQuer 選擇器

jQuery イベント jQuery 選擇器