コミュニティ
学ぶ
ツールライブラリ
AIツール
レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery_jquery を使用して DOM 要素を作成、変更、追加する方法

jQuery_jquery を使用して DOM 要素を作成、変更、追加する方法

WBOY
リリース： 2016-05-16 16:47:38
オリジナル
1185 人が閲覧しました

DOM 要素をその場で一度に操作するにはどうすればよいでしょうか?

たとえば、[作成]->[変更]->[追加]の順に 3 つのアクションを実行します。

jQuery はチェーン操作 (実際にはデザイン モードのビルダー モード) をサポートしているため、3 つの操作をつなぎ合わせて実行できます。

まず、内容に a 要素が含まれる p 要素を作成します。

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

$('

< a>jQuery< ;/a>

')

次に、href 属性を a 要素に追加します
コードをコピー コードは次のとおりです:

$('

jQuery

').find(' a').attr(' href', 'http://www.jquery.com')

最後に新しく追加した p 要素を body に追加します
コードをコピーします コードは次のとおりです:

$('

jQuery< ;/p>').find(' a').attr('href', 'http://www.jquery.com').end().appendTo('body')


ここで end( ) 操作を実行する必要があることに注意してください。そうしないと、body に追加された要素は p 要素ではなく、p 要素内の a 要素になります。

実際には、end() 操作をキャンセルとみなすことはできません。ただし、この選択は end 前の操作によって変更されています。
コードをコピーします コードは次のとおりです。



text/javascript " src="jquery-1.11.1.js">
著者別の最新記事
最新の問題
Web サイトから入力要素を取得できません そこで、Twitter から入力要素を取得しようとしていますが、それを実行すると、ノード ターミナルでこのようなエラーが表示され続け、その結果、このコードによって作成されたブラウザ...
から 2024-04-06 18:59:57
0
1
442
meta_query ORtax_query にリレーション「OR」を設定します WP_Query を使用して、meta_query 要素とtax_query 要素を含むクエリを作成しようとしています。さらに重要なのは、両方の条件 (および AND 句) を満た...
から 2024-04-04 20:01:43
0
1
1346
要素が画面上にある場合でも、要素が表示される前に「waitForSelector」がタイムアウトします。 チェックアウト ボットを構築していますが、ボットにクリックするよう指示した要素が画面上に表示されるにもかかわらず、ボットがクリックしない、愚かな「テキスト メッセージを受信するには...
から 2024-04-04 18:31:08
0
1
1416
エンドユーザーの現在の選択に基づいて選択ボックスから選択したオプションを移動するには、jquery スクリプトが必要です エンドユーザーが選択ボックス要素を介してアイテムをランク付けできる HTML ページがあります。簡単なデモを確認するには、フィドルを参照してください: https://jsfidd...
から 2024-04-04 18:40:04
0
1
3528
ブックマークを介して純粋な CSS で要素を作成しました。作成されたが表示されない 私のコードは次のとおりです: g=document.createElement('div');g.setAttribute("id","divcont...
から 2024-04-04 17:27:27
0
1
417
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート