jQueryで要素を追加、変更方法

  jQueryで要素を追加する方法

今回は、jQueryを使い要素を追加してみたいと思います。
詳しくはDEMO動画をみてください!
DEMO

 

実際にボタンを押して要素を追加できたと思います!

要素を追加する方法は、その他append()やprepend()があります。どちらも、使い方としては指定した要素の最初に要素追加を行うか、最後に要素追加を行うか指定することができます。afterやbeforeと使い方は似ていると思います!実際に使うことはあまりないと思うのですが、覚えておくと便利です。

また、 .html() .text() .val() を使うことによりテキストの変更等が可能になります。

<input value=”changeボタンをクリック”> の中身をボタンをクリックして変えたいと思います。


タグのvalueを変える方法として .val()を使ってみました。

では、textの文字を変えてみたいと思います。

◯◯を  にしてみる。
テキストを変える方法として .text()を使ってみました。

最後に一番便利だと思われる.html自体の変更を行ってみます。

.after() .before() .value() .text() .html() は使い方を覚えておくととても便利です。ぜひ参考にしてみてください!


コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です