JQuery文档处理(1)，CSS字体样式值

• 北京
• 天津
• 重庆

• 反恐
• 星际

Hello1

var $tj = $(“#tj”);
var $love = $(“#love”);

//后
// $love.append($tj);
// $tj.appendTo($love);

//前
// $love.prepend($tj);
$tj.prependTo($love);

2、外部插入

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

A.before(B) ，将B插入到A前面

---

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替换掉
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

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

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

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

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

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

结尾

正式学习前端大概 3 年多了，很早就想整理这个书单了，因为常常会有朋友问，前端该如何学习，学习前端该看哪些书，我就讲讲我学习的道路中看的一些书，虽然整理的书不多，但是每一本都是那种看一本就秒不绝口的感觉。

以下大部分是我看过的，或者说身边的人推荐的书籍，每一本我都有些相关的推荐语，如果你有看到更好的书欢迎推荐呀。

戳这里免费领取前端学习资料

3 年多了，很早就想整理这个书单了，因为常常会有朋友问，前端该如何学习，学习前端该看哪些书，我就讲讲我学习的道路中看的一些书，虽然整理的书不多，但是每一本都是那种看一本就秒不绝口的感觉。

以下大部分是我看过的，或者说身边的人推荐的书籍，每一本我都有些相关的推荐语，如果你有看到更好的书欢迎推荐呀。

戳这里免费领取前端学习资料