コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery_jqueryでのend()の使用について

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

WBOY
リリース： 2016-05-16 18:05:08
オリジナル
1292 人が閲覧しました

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

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

＆lt; div＆gt;テストコンテンツ1＆lt; div＆gt;テストコンテンツ2＆lt;/div＆gt; >

コードをコピー

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

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



コードをコピー

コードは次のとおりです。
テスト内容 1

新規 コンテンツの追加

テスト コンテンツ 2

コンテンツの追加
ここでよくわかりません。なぜ最初の

タグだけが 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') は、最初の

で
を返します。重要なのは、最後に操作された要素の前の要素を見つけることです。 。
関連ラベル：
end
ソース：php.cn
前の記事：JQury slideToggle 点滅の問題と solution_jquery 次の記事：jquery_jquery のフィルターを通じてフォーム要素を取得するための実装コード
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
デザインで生成されたデータベース テーブルから HTML テーブルを作成する方法 Ruby on Rails と設計については非常に初心者です。現在、データベース (MYSQL) の Student テーブルのすべてのレコードをリストする HTML ページ上のテ...
から 2024-04-05 09:13:39
0
1
2491
Boostrap 5 ナビゲーション バーを閉じることができません ナビゲーション バーが応答モードで閉じない 追加されたライブラリはすべて準備完了です''''<divclass="collapsenavbar-collapseju...
から 2024-04-01 17:18:21
0
1
268
CSS を使用して、下部の Flex 列で項目の順序を維持するにはどうすればよいですか? body,html{height:100%;position:relative;margin:0;padding:0;} のように、1 から 5 までにソートされ、コンテナーの上部...
から 2024-03-30 11:59:06
0
2
291
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート