jQuery は prepend() と prependTo() を挿入します
append と appendTo を使用して、指定したコンテンツを選択した要素の最後 (内部にある) に挿入するだけでなく、jQuery によって提供されるメソッドは prepend と prependTo です
セレクターの説明:
コードは次のとおりです: prepend() と .prependTo() は同じ関数を実装します。主な違いは、構文と挿入される内容です。ターゲットの
4 つの内部操作メソッドの違いの概要は次のとおりです:
Append() 一致する各要素にコンテンツを追加します
prepend() 一致する各要素の先頭にコンテンツを追加します
appendTo () 一致するすべての要素を追加します指定された要素の別のセットに追加します
prependTo() 一致するすべての要素を指定された要素の別のセットに追加します
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>prepend与prependTo</title>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
<ul>
<li id="li1">php 中文网</li>
<li id="li2">php.cn</li>
</ul>
<input type="button" id="ipt1" value="prepend">
<input type="button" id="ipt2" value="prependTo">
<script>
$("#ipt1").click(function(){
$('#li1').prepend("欢迎</br>");
})
$("#ipt2").click(function(){
$('#li2').prepend("欢迎</br>");
})
</script>
</body>
</html>
