为了账号安全,请及时绑定邮箱和手机立即绑定

jquery Dom 节点集合

标签:
JQuery

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

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
Web前端工程师
手记
粉丝
1
获赞与收藏
2

关注作者,订阅最新文章

阅读免费教程

  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消