remove与empty一样,都是移除元素的方法,但是remove会将元素自身移除,同时也会移除元素内部的一切,包括绑定的事件及与该元素相关的jQuery数据。
一样
$("p").filter(":contains('3')").remove()
$("p").remove(":contains('3')")
========================================================
// 在页面上移除了元素,但是保留了数据,之后还可以使用
$('div').detach()
========================================================
//clone处理一
$("div").clone() //只克隆了结构,事件丢失
//clone处理二
$("div").clone(true) //结构、事件与数据都克隆
========================================================
两种写法
//给所有p元素,增加父容器div
$('p').wrap('<div></div>')
$('p').wrap(function() {
return '<div></div>'; //与第一种类似,只是写法不一样
})
=======================================================
//找到所有p元素,删除父容器div
$('p').unwrap('<div></div>')
//找到所有p元素,删除父容器div
$('a').unwrap(function() {
return '<div></div>';
})
=======================================================
//给所有p元素,增加父容器div
$('p').wrapAll('<div></div>');
//wrapAll接受一个回调函数
//每一次遍历this都指向了合集中每一个a元素
$('a').wrapAll(function() {
return '<div></div>'
})