jquery insertBefore()方法
翻译结果:
insert
英 [ɪnˈsɜ:t] 美 [ɪnˈsɜ:rt]
vt.插入;嵌入;(在文章中)添加;加插
n.插入物;添入物(尤指一页印刷品图中插入或套印的小图);(书报的)插页;添加物
before
英 [bɪˈfɔ:(r)] 美 [bɪˈfɔr,-ˈfor]
prep.在…之前;先于,优于;当着…的面;与其…
conj.在…之前;在…以前;比…早些;与其…
adv.先前,从前;在前,在前方
jquery insertBefore()方法语法
作用:insertBefore() 方法在被选元素之前插入 HTML 标记或已有的元素。如果该方法用于已有元素,这些元素会被从当前位置移走,然后被添加到被选元素之前。
语法:$(content).insertBefore(selector)
参数:
参数 | 描述 |
content | 必需。规定要插入的内容。可能的值:选择器表达式HTML 标记 |
selector | 必需。规定在何处插入被选元素。 |
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>这是一个段落。</p> <p>这是另一个段落。</p> <button>在每个 p 元素之前插入 span 元素</button> </body> </html>
点击 "运行实例" 按钮查看在线实例