添加节点方法
append(content|fn)
appendTo(content)
会将元素添加到指定元素内部的最后
prepend(content|fn)
prependTo(content)
会将元素添加到指定元素内部的最前面
外部插入
after(content|fn)
会将元素添加到指定元素外部的相邻后面
before(content|fn)
会将元素添加到指定元素外部的相邻前面
insertAfter(content)
insertBefore(content)
删除节点方法
删除自身节点
remove([expr])
detach([expr])
删除指定元素, 删除指定元素的内容和子元素, 指定元素自身不会被删除
empty()
注意点: detach删除之后再重新添加,原有事件可以响应
利用remove删除之后再重新添加,原有的事件无法响应
替换节点的方法
替换
replaceWith(content|fn)
replaceAll(selector)
替换所有匹配的元素为指定的元素
复制节点方法
-
clone()方法传入false参数就是浅复制, 如果传入true参数就是深复制
浅复制只会复制元素, 不会复制元素的事件,默认
深复制会复制元素, 而且还会复制元素的事件
//浅复制(默认)false
$("button").eq(0).click(function () {
var $li = $("li:first").clone(false);
$("ul").append($li);
});
//深复制true
$("button").eq(1).click(function () {
var $li = $("li:first").clone(true);
$("ul").append($li);
});
//li注册事件
$("li").click(function () {
alert($(this).html());
});
