prepend

UK [pri:'pend] US [pri:'pend]

vt. 事前に検討し、事前に計画し、事前に計画する

jquery prepend()方法 構文

関数: prepend() メソッドは、指定されたコンテンツを選択された要素の先頭 (まだ内部) に挿入します。 prepend() メソッドと prependTo() メソッドには同じ効果があります。違いは構文にあります。つまり、コンテンツとセレクターの位置、およびコンテンツの挿入に prependTo() 関数を使用できないという点です。

##構文: $(selector).prepend(content)

##パラメータ:

パラメータコンテンツ
説明
必須。挿入するコンテンツを指定します (HTML タグを含めることができます)。
関数を使用してコンテンツを追加する:

関数を使用して、選択した要素の先頭に指定したコンテンツを挿入します。

#構文:

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

パラメータ:

パラメータfunction(index,html) indexhtml

jquery prepend()方法 例

<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $("p").prepend("<b>Hello world!</b> ");
  });
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>在每个 p 元素的开头插入内容</button>
</body>
</html>
インスタンスの実行 »

[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します

説明
必須。挿入するコンテンツを返す関数を指定します。
オプション。セレクターのインデックス位置を受け入れます。
オプション。セレクターの現在の HTML を受け入れます。