添加元素可以使用 append(),prepend(),after(),before(),appendTo() 方法.
1,append() 方法: 在被选元素的结尾插入元素或内容
2,prepend() 方法: 被选元素的开头插入元素或内容.
3,after() 方法: 在被选元素之后插入内容.
4,before() 方法: 在被选元素之前插入内容.
注意: append/prepend 是在选择元素内部嵌入; after/before 是在元素外面追加.
(相关课程推荐: jQuery 教程 https://www.html.cn/jskuangjia/jquery/ )
例如:
- $("#btn").click(function(){
- $(".box").append("<a href='http://www.baidu.com'> 百度 </a>");
- }) ;
第二种写法:$("<div></div>").appendTo(".box"), 把元素添加到, 因为创建出来的是对象, 所以可以直接调方
- $("#btn").click(function(){
- $("<a href='http://www.baidu.com'> 百度 </a>").appendTo(".box");
- })
把一个元素里面的元素添加到另一个元素里面, 使用 append 和 appendTo 会把当前这个元素剪切到另一个元素, 这样当前的就没有了, 跑到了另一个里面 .clone() 克隆后再添加即可
$("div>li").clone().appendTo("div2");
本文来自 jQuery 答疑 https://www.html.cn/qa/jquery/ 栏目, 欢迎学习!
来源: http://www.css88.com/qa/jquery/15390.html