追加元素的方法
append()
方法用来在元素的末尾追加元素(最后一个子节点)。增加元素末尾(儿子)
prepend()
在元素的开始添加元素(第一个子节点)。增加元素开始( 儿子)
appendTo()
主动添加,append()被动添加
prependTo()
主动添加,append()被动添加
after()
在元素之后添加元素(添加兄弟)增加元素后面( 兄弟)
before()
在元素之前添加元素(添加兄弟)增加元素前面( 兄弟)
// 页面加载事件
$(function () {
// 为按钮注册事件
var i = 0;
$('#btn').click(function () {
// 创建元素
var element = $('<a href="#" target="_blank">百度一下'+(++i)+'</a>');
// 追加元素
//------------append()------------
$('#box').append(element);
百度一下1 百度一下2
//------------appendTo()-----------
element.appendTo($('#box'));
百度一下1 百度一下2
//------------prepend()-----------
$('#box').prepend(element);
百度一下2 百度一下1
//------------after()------------
$('#box').after(element);
百度一下2 百度一下1
//------------before()-------------
$('#box').before(element);
百度一下1 百度一下2
});
});
网友评论