jQuery append() 方法与 after() 方法

来源：互联网发布：学拼音软件一年级编辑：程序博客网时间：2024/05/14 15:34

定义和用法

after() 方法在被选元素后插入指定的内容，append() 方法在被选元素的结尾插入指定内容。

代码示例一

<!DOCTYPE html><html><head><meta charset="utf-8"><title>菜鸟教程(runoob.com)</title><script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script><script>$(document).ready(function(){  $("button").click(function(){    $("p").after("<p>Hello world!</p>");  });});</script></head><body><button>在每个P元素后插入内容</button><p>这是一个段落。</p><p>这是另一个段落。</p></body></html>

代码示例二

<!DOCTYPE html><html><head><meta charset="utf-8"><title>菜鸟教程(runoob.com)</title><script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script><script>$(document).ready(function(){$("#btn1").click(function(){$("p").append(" <b>插入文本</b>.");});$("#btn2").click(function(){$("ol").append("<li>插入项</li>");});});</script></head><body><p>这是一个段落。</p><p>这是另一个段落</p><ol><li>列表项 1</li><li>列表项 2</li><li>列表项 3</li></ol><button id="btn1">插入文本</button><button id="btn2">插入列表项</button></body></html>

0 0