before
英[bɪˈfɔ:(r)] 美[bɪˈfɔr,-ˈfor]
prep.在…之前;先於,優於;當;著…的面;與其…
conj.在…之前;在…以前;比…早些;與其…
adv.先前,從前;在前,在前方
jquery before()方法 語法
作用:before() 方法在被選元素前插入指定的內容。
語法:$(selector).before(content)
#參數:
##參數 | 描述 |
content | #必要。規定要插入的內容(可包含 HTML 標籤)。 |
使用函數來插入內容:使用函數在指定的元素前面插入內容。
語法:$(selector).before(function(index))
參數:
參數 | 描述 |
function(index) | 必要。規定傳回待插入內容的函數。 |
index | 可選。接收選擇器的 index 位置。 |
jquery before()方法 範例
<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(){
$(".btn1").click(function(){
$("p").before("<p>Hello world!</p>");
});
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<button class="btn1">在每个段落前面插入新的段落</button>
</body>
</html>
執行實例 »#點擊 "執行實例" 按鈕查看線上實例
#