なんだかんだ、jQueryが便利。使ってる人も、ドキュメントも多いし。
prependの練習。要素の先頭に、指定要素を付加する方法。
死ぬほど楽。jQueryをつかうと、無い生活に戻れなくなる。
ここがpタグ
ここがpタグ
これがdivタグ
<script> jQuery(function(){ $(".hoge").prepend("ほげほげ。"); }); </script> <style> #prepend div, #prepend p { border:4px #ccc solid; padding:2px; } </style> <blockquote> <div id="prepend"> <p>ここがpタグ</p> <p class="hoge">ここがpタグ</p> <div class="hoge">これがdivタグ</div> </div> </blockquote>
練習2
すこしカスタム。クリックでイベントを発生させてみる。(「クリック!」をクリックする度に「ほげほげ」が増えていく!)クリック!
ここがpタグ
ここがpタグ
これがdivタグ
<script> jQuery(function(){ $(".btn").click( function(){ $(".hoge").prepend("ほげほげ。"); })} ); </script> <style> #test1 div, #test1 p { border:4px #ccc solid; padding:2px; } </style> <p class="btn"><strong>クリック!</strong></p> <div id="test1"> <p>ここがpタグ</p> <p class="hoge">ここがpタグ</p> <div class="hoge">これがdivタグ</div> </div> </blockquote>
コメントする