ホームページ > 記事 > ウェブフロントエンド > jQuery_jquery を使用して DOM 要素を作成、変更、追加する方法
jQuery_jquery を使用して DOM 要素を作成、変更、追加する方法
- WBOYオリジナル
- 2016-05-16 16:47:381130ブラウズ
DOM 要素をその場で一度に操作するにはどうすればよいでしょうか?
たとえば、[作成]->[変更]->[追加]の順に 3 つのアクションを実行します。
jQuery はチェーン操作 (実際にはデザイン モードのビルダー モード) をサポートしているため、3 つの操作をつなぎ合わせて実行できます。
まず、内容に a 要素が含まれる p 要素を作成します。
コードをコピー コードは次のとおりです。
$('
< a>jQuery< ;/a>
')次に、href 属性を a 要素に追加します
コードをコピー コードは次のとおりです:
最後に新しく追加した p 要素を body に追加します
コードをコピーします コードは次のとおりです:
$('
jQuery< ;/p>').find(' a').attr('href', 'http://www.jquery.com').end().appendTo('body')
ここで end( ) 操作を実行する必要があることに注意してください。そうしないと、body に追加された要素は p 要素ではなく、p 要素内の a 要素になります。
実際には、end() 操作をキャンセルとみなすことはできません。ただし、この選択は end 前の操作によって変更されています。
コードをコピーします コードは次のとおりです。