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