jQuery节点创建与属性的处理，jQuery基础(二)

第1章课程介绍
视频：1-1 jQuery基础(二)—DOM...(01:31)

jQuery节点创建与属性的处理

上一节介绍了通过JavaScript原生接口创建节点，在处理上是非常复杂与繁琐的。我们可以通过使用jQuery来简化了这个过程

创建元素节点：

可以有几种方式，后面会慢慢接触。常见的就是直接把这个节点的结构给通过HTML标记字符串描述出来，通过$()函数处理，$("html结构")

$("<div></div>")

创建为本节点：

与创建元素节点类似，可以直接把文本内容一并描述

$("<div>我是文本节点</div>")

创建为属性节点：

与创建元素节点同样的方式

$("<div id='test' class='aaron'>我是文本节点</div>")

我们通过jQuery把上一届的代码改造一下，如右边代码所示

一条一句就搞定了，跟写HTML结构方式是一样的

$("<div class='right'><div class='aaron'>动态创建DIV元素节点</div></div>")

这就是jQuery创建节点的方式，让我们保留HTML的结构书写方式，非常的简单、方便和灵活

任务

?不会了怎么办

index.html

1
2
<!DOCTYPE html>
<html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

提交

自动运行

重置代码

全屏

请验证，完成请求

由于请求次数过多，请先验证，完成再次请求

问答
评论
笔记
代码

全部精华我要发布

请问老师这个是用什么编辑器写的?

已采纳回答 / 慕圣公会无忌

JetBrains WebStorm 2018.1.7 x64（这个版本的即可）

1 回答 652 浏览

2022-04-20

不清楚 .left div{}这里的div有什么作用，求高人指点！

最新回答 / 慕少1205787

首先.left表示选中class=“left”的节点。那后面的div就表示其下所有的<div>块了。你把它改成.div或#div试试就好了

2 回答 1158 浏览

2019-09-10

动态创建div

最新回答 / 平凡的世界云

empty() remove()

1 回答 1105 浏览

2019-01-18

为什么$body的click第一次需要通过button来触发

最赞回答 / _青黛

是的，你说的第一次点击按钮可以触发，其实和按钮并没有什么联系，只是这个按钮碰巧在body区域里面罢了，标题也在body里面，你可以把按钮去掉，点击标题，也可以触发，或者不去掉按钮，直接点击标题也可以触发事件。

4 回答 1287 浏览

2019-08-04

为什么是var div而不是$div

最赞回答 / FaceDamon

var 变量名，它就是个变量名而已，加个$只是为了标识是jQuery变量而已。你不信，把body的声明和引用$全都去掉，一样可以正常执行。你没有理解变量的声明和获取。

4 回答 2004 浏览

2022-04-07

关于js和jQuery的点击事件

已采纳回答 / 维镇

最简单的用法是这样区分的，但是两个语言点击事件的其他用法就不一样了，js的是setAttribute('onclick','function(){}')，而jq的可以是body的addEventListener('click','function(){}')和对象的on('click','function(){}')等

1 回答 1233 浏览

2018-09-25