HTMLでフォームを作る際、初めから必要個数が分かっている場合であれば、静的なHTMLファイル一枚用意すれば事は足りるが、ユーザ操作によって動的にフォームを増やせるようにしたい、といった場合には、JavaScriptによってHTMLをDOM操作して処理する必要がある。 そういった場合に、jQueryを用いることで、かなり容易に実装することが可能となる。 今回は、そのテストケースとしての実装例を挙げ、その挙動について考察をしてみる。 環境 今回の実装およびテストは以下の環境にて行った。 ライブラリ jQuery1.4.2 ブラウザ IE 6 Firefox 3.6.3 Safari 5 Google Chrome 5 単純なフォームの複製 copyボタンを押すことで、フォームのまとまり(ブロック)が複製されていくという単純な例を、以下の通りに実装した。 [test1.html] <html>