JQuery文档处理

A.insertAfter(B) , 将A插入到B后面（同级）

A.insertBefore(B) 将A插入到B前面

• 北京
• 天津
• 重庆

I would like to say: p3

I would like to say: p2

I would like to say: p1

var $city = $(“#city”);
var $p2 = $(“#p2”);

// 后
// $p2.after($city);
// $city.insertAfter($p2);

//前
// $p2.before($city);
$city.insertBefore($p2);

3、删除

empty() 清空标签体

remove() 删除当前对象。如果之后再使用，元素本身保留，绑定事件或 绑定数据 都会被移除

detach() 删除当前对象。如果之后再使用，元素本身保留，绑定事件或 绑定数据 都保留

l  绑定数据

data(name)获得

data(name,value)设置

• 北京

  海淀区

• 天津

  河西区

• 重庆

Hello

how are

you?

//#1 绑定事件
$(“#city”).click(function(){
alert(“O(∩_∩)O~”);
});
//#2 绑定数据
$(“#city”).data(“itheima”,“就是屌”);

//1 移除
var $city = $(“#city”).remove(); //移除绑定的事件、移除绑定的数据
// var $city = $(“#city”).detach(); //保留绑定的事件、保留绑定的数据

//2 追加
$("body").append($city);

//#3获得绑定的数据
alert($(“#city”).data(“itheima”));

4、复制

clone() 克隆

even：指示事件处理函数是否会被复制。V1.5以上版本默认值是：false

保存

段落

5、替换

A.replaceWith(B) ，使用A将B替换掉

A.replaceAll(B) ，使用B将A替换掉

段落

段落

段落

保存

$(“xxx
”).replaceAll(“p”);

6、包裹

A.wrap(B) ，使用B将每一个A进行包裹（多个B）

A.wrapAll(B) ，使用B将所有A进行包裹（一个B）

A.wrapInner(B) ,使用B将每一个A的标签体包裹。

。。。

。。。

A.unwrap() ，将A的父元素删除，自己留着

jQuery jQuery

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）

最后

今天的文章可谓是积蓄了我这几年来的应聘和面试经历总结出来的经验，干货满满呀！如果你能够一直坚持看到这儿，那么首先我还是十分佩服你的毅力的。不过光是看完而不去付出行动，或者直接进入你的收藏夹里吃灰，那么我写这篇文章就没多大意义了。所以看完之后，还是多多行动起来吧！

可以非常负责地说，如果你能够坚持把我上面列举的内容都一个不拉地看完并且全部消化为自己的知识的话，那么你就至少已经达到了中级开发工程师以上的水平，进入大厂技术这块是基本没有什么问题的了。

来的应聘和面试经历总结出来的经验，干货满满呀！如果你能够一直坚持看到这儿，那么首先我还是十分佩服你的毅力的。不过光是看完而不去付出行动，或者直接进入你的收藏夹里吃灰，那么我写这篇文章就没多大意义了。所以看完之后，还是多多行动起来吧！

可以非常负责地说，如果你能够坚持把我上面列举的内容都一个不拉地看完并且全部消化为自己的知识的话，那么你就至少已经达到了中级开发工程师以上的水平，进入大厂技术这块是基本没有什么问题的了。

资料领取方式：戳这里前往获取