insert

英 [?n?s?:t]? ?美 [?n?s?:rt]??

vt.插入;嵌入;(在文章中)添加;加插

n.插入物;添入物(尤指一頁(yè)印刷品圖中插入或套印的小圖);(書報(bào)的)插頁(yè);添加物

before

英 [b??f?:(r)]? ?美 [b??f?r,-?for]??

prep.在…之前;先于,優(yōu)于;當(dāng)著…的面;與其…

conj.在…之前;在…以前;比…早些;與其…

adv.先前,從前;在前,在前方

jquery insertBefore()方法 語(yǔ)法

作用:insertBefore() 方法在被選元素之前插入 HTML 標(biāo)記或已有的元素。如果該方法用于已有元素,這些元素會(huì)被從當(dāng)前位置移走,然后被添加到被選元素之前。

語(yǔ)法:$(content).insertBefore(selector)

參數(shù):

參數(shù)描述
content? ??必需。規(guī)定要插入的內(nèi)容??赡艿闹担哼x擇器表達(dá)式HTML 標(biāo)記?
selector? ??必需。規(guī)定在何處插入被選元素。??

jquery insertBefore()方法 示例

<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(){
    $("<span>你好!</span>").insertBefore("p");
  });
});
</script>
</head>

<body>
<p>這是一個(gè)段落。</p>
<p>這是另一個(gè)段落。</p>
<button>在每個(gè) p 元素之前插入 span 元素</button>
</body>
</html>
運(yùn)行實(shí)例 ?

點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例