ホームページ  >  記事  >  ウェブフロントエンド  >  jQuery_jqueryでのend()の使用について

jQuery_jqueryでのend()の使用について

WBOY
WBOYオリジナル
2016-05-16 18:05:081239ブラウズ

end() メソッドは公式 API では次のように記述されています。 「最新の「破壊的」操作の前に戻ります。つまり、一致する要素のリストを前の状態に変更します。」
のような感じです。最後に操作された要素の前の要素。次の例では:
html コード:

コードをコピー コード 次のように:

< div>テストコンテンツ1< div>テストコンテンツ2</div> >

コードをコピー

コードは次のとおりです: $('

新しいコンテンツ 得られる結果は次のとおりです:



コードをコピー

ここでよくわかりません。なぜ最初の

タグだけが 2 つのスタイルを持つのでしょうか? Firefox でモニタリングを追加したところ、次の結果が得られました。 ('

新しいコンテンツ

').appendTo('div') は次を返します: [p,p] オブジェクト配列、つまり 2 つの追加された p タグ
2.$('< p>新しいコンテンツ

').appendTo('div').addClass('c1') は次を返します: [p.c1,p.c1] オブジェクト配列、つまり c1 クラスを追加した後の p オブジェクト配列style;
3.$('

新しいコンテンツ

').appendTo('div').addClass('c1' ).end() は [p.c1] を返します。最初の

では、最後の "destroyed" は 2 番目の

です。最初の

、それが返されます;
4.$('

New content').appendTo('div').addClass('c1').end ().addClass('c2') は、最初の


を返します。重要なのは、最後に操作された要素の前の要素を見つけることです。 。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。