jQuery 基礎トレーニング

jQuery 効果

prepend()メソッドを使用して指定された内容を各選択された要素の先頭に挿入します（最初の子要素として）。

選択された要素の末尾に内容を挿入するには、append()メソッド。

前置内容を挿入する：

$.selector.prepend(content)

関数を使用して内容を追加する：

$.selector.prepend(function(index,　html))

すべての段落の前にテキスト内容を追加します：

例

$("button").click(function(){
　　$("p").prepend("Hello　world");
});

すべての段落の前にHTMLを追加します：

例

$("button").click(function(){
　　$("p").prepend("<b>Hello　world</b>）；
});

この例では、document.createTextNode()を使用してテキストノードを作成し、それをすべての<p>要素の前に追加します：

例

$("button").click(function(){
　　$("p").prepend(document.createTextNode("Hello world"));
});

関数を使用して内容を追加する：

例

$("button").click(function(){
　　$("p").prepend(function(i){
return "<b>This p element has index " + i;　+　i　+　"</b>";
　　});
});

引数	説明
content	指定する各選択された要素の先頭に挿入する内容（HTMLタグを含むことができます）可能な値： HTML要素 DOM要素 jQueryオブジェクト
function(index, html)	指定一个函数，该函数返回要插入的内容 index-返回元素在集合中的索引位置 html-返回所选元素的当前HTML