prepend
英 [pri:'pend] 美 [pri:'pend]
vt.預先考慮,預先計劃,預謀
jquery prepend() 方法語法
作用:prepend() 方法在被選元素的開頭(仍位於內部)插入指定內容。 prepend() 和 prependTo() 方法作用相同。差異在於語法:內容和選擇器的位置,以及 prependTo() 無法使用函數來插入內容。
語法:$(selector).prepend(content)
#參數:
##參數 | 描述 |
content | 必要。規定要插入的內容(可包含 HTML 標籤)。 |
使用函數來附加內容:使用函數在被選元素的開頭插入指定的內容。
語法:$(selector).prepend(function(index,html))
參數:
##參數描述 | |
function(index,html) 必要。規定傳回待插入內容的函數。 | |
index可選。接受選擇器的 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>
執行實例 »#點擊 "執行實例" 按鈕查看線上實例
#