HTMLの要素内の先頭に挿入 prepend()

jQueryはいろいろな命令でHTMLやCSSを簡単に変更したり追加することが出来ます。

指定した要素内の先頭にHTMLを挿入するには、
prepend()を使います。

下記の例では
#firstのID属性の付いたp要素内の先頭に指定したテキストを挿入します。

■javascript

$(function(){
$("button").click(function(){
$("p#first").prepend("挿入するテキスト");
});
});

■HTML


■表示結果

変更前のテキスト

人気記事ランキング

投稿者:

kishiken

企業務めのWEBデザイナーです。