prepend
UK [pri:'pend] US [pri:'pend]
vt. 事前に検討し、事前に計畫し、事前に計畫する
jquery prepend()方法 構文
関數(shù): prepend() メソッドは、指定されたコンテンツを選択された要素の先頭 (まだ內(nèi)部) に挿入します。 prepend() メソッドと prependTo() メソッドには同じ効果があります。違いは構文にあります。つまり、コンテンツとセレクターの位置、およびコンテンツの挿入に prependTo() 関數(shù)を使用できないという點です。
##構文: $(selector).prepend(content)
##パラメータ:
パラメータ| 説明 | |
コンテンツ | 必須。挿入するコンテンツを指定します (HTML タグを含めることができます)。 | |
関數(shù)を使用してコンテンツを追加する:
関數(shù)を使用して、選択した要素の先頭に指定したコンテンツを挿入します。
#構文:
$(selector).prepend(function(index,html))
パラメータ:
パラメータ| 説明 | |
function(index,html) | 必須。挿入するコンテンツを返す関數(shù)を指定します。 | |
index| オプション。セレクターのインデックス位置を受け入れます。 | |
html | オプション。セレクターの現(xiàn)在の 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 元素的開頭插入內(nèi)容</button>
</body>
</html>[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します
