继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

jquery Dom 节点集合

qq__3616
关注TA
已关注
手记 4
粉丝 1
获赞 2

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>'
})
图片描述

打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP