ITPub博客

首页 > IT职业 > IT图书 > jquery Dom 节点集合

jquery Dom 节点集合

IT图书 作者:pengjs991111 时间:2021-09-09 09:00:08 0 删除 编辑

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('

')
$('p').wrap(function() {
return '
'; //与第一种类似,只是写法不一样
})

=======================================================
//找到所有p元素,删除父容器div
$('p').unwrap('

')

//找到所有p元素,删除父容器div
$('a').unwrap(function() {
return '

';
})

=======================================================
//给所有p元素,增加父容器div
$('p').wrapAll('

');
图片描述
//wrapAll接受一个回调函数
//每一次遍历this都指向了合集中每一个a元素
$('a').wrapAll(function() {
return '
'
})
图片描述

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/623/viewspace-2798502/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-04-12

  • 博文量
    221
  • 访问量
    778