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) 必須。挿入するコンテンツを返す関数を指定します。 | |
index オプション。セレクターのインデックス位置を受け入れます。 | |
html オプション。セレクターの現在の HTML を受け入れます。 | |
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>
インスタンスの実行 »[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します