jQuery_jqueryでのend()メソッドの使用例

この記事の例では、jQuery での end() メソッドの使用法について説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

end() メソッドは、最新の「破壊的」操作の前に戻ることができます。つまり、一致する要素リストを前の状態に変更します。
破壊的な操作がない場合は、空のセットが返されます。
破壊的操作の概念: 一致した要素を変更する操作を指します。 おそらく誰もがこの概念について漠然としています。例を次に示します。

コードをコピー コードは次のとおりです:

$("li").css("color","re​​d ");

一致する要素のリストは変更されませんが、要素内のテキスト コンテンツの CSS プロパティは変更されるため、上記のコードの CSS 関数は破壊的な操作ではありません。

コードをコピー コードは次のとおりです:

$("li").find(".first")

たとえば、li 要素が 3 つある場合、一致する要素のリストには find() メソッドを使用してフィルタリングすると 3 つの要素が含まれるため、上記のコードは破壊的な操作になります。一致する要素には要素が 1 つしかありません。ここで「破壊的な」操作が発生します。

文法構造:

コードをコピー コードは次のとおりです:

$(selector).end()

コード例:

コードをコピーします コードは次のとおりです:

$(document).ready(function(){
$(".first").find(".div").css("color","green"); $(".秒").find(".div").end().css("色","青");
$(".third").find(".js").css("color","blue").end().css("color","re​​d")
})

• HTML ゾーン


• JavaScript ゾーン


• Div CSS ゾーン


• JQuery ゾーン

• HTML ゾーン


• JavaScript ゾーン


• Div CSS ゾーン


• JQuery ゾーン

• HTML ゾーン


• JavaScript ゾーン


• Div CSS ゾーン


• JQuery ゾーン