慕课网

jQuery基础(二)—DOM篇

最热最新

qq__影沫冉__0

兄弟之间插入元素：after()和before()
after()：在元素紧挨着的后边插入内容
before()：在元素紧挨着的前边插入内容

查看全部

0 采集收起来源：DOM外部插入after()与before()
2019-09-08
qq__影沫冉__0
append()和appendTo()：
用于父子之间进行操作，将字符串、DOM对象，jQuery对象插入到指定元素的子元素的后边。
```
append()前面是被插入的对象，后面是要在对象内插入的元素内容
appendTo()前面是要插入的元素内容，而后面是被插入的对象
```
查看全部

0 采集收起来源：DOM内部插入append()与appendTo()
2019-09-08
qq__影沫冉__0

jQuery创建元素节点：
$("<div></div>")
创建文本节点：
$("<div>我是文本节点</div>")
创建属性节点：
$("<div id='test' class='box'>我是文本节点</div>")

查看全部

1 采集收起来源：jQuery节点创建与属性的处理
2019-09-08
qq_打得火热_0

DOM重点复习

查看全部

0 采集收起来源：DOM包裹wrapInner()方法
2019-08-23
weixin_慕工程3554094
jQuery是一个合集对象，如果想快速查找合集里面的第一级子元素，此时可以用children()方法。这里需要注意：.children(selector) 方法是返回匹配元素集合中每个元素的所有子元素（仅儿子辈，这里可以理解为就是父亲-儿子的关系）
children()无参数
允许我们通过在DOM树中对这些元素的直接子元素进行搜索，并且构造一个新的匹配元素的jQuery对象
```
注意：jQuery是一个合集对象，所以通过children是匹配合集中每一给元素的第一级子元素
```
.children()方法选择性地接受同一类型选择器表达式
```
$("div").children(".selected")
```
同样的也是因为jQuery是合集对象，可能需要对这个合集对象进行一定的筛选，找出目标元素，所以允许传一个选择器的表达式
具体的操作
查看全部

0 采集收起来源：jQuery遍历之children()方法
2019-08-20
weixin_慕工程3554094

如果要将元素用其他元素包裹起来，也就是给它增加一个父元素，针对这样的处理，JQuery提供了一个wrap方法
.wrap( wrappingElement )：在集合中匹配的每个元素周围包裹一个HTML结构
.wrap( function ) ：一个回调函数，返回用于包裹匹配元素的 HTML 内容或 jQuery 对象
使用后的效果与直接传递参数是一样，只不过可以把代码写在函数体内部，写法不同而已

查看全部

0 采集收起来源：DOM包裹wrap()方法
2019-08-20
weixin_慕工程3554094
- .replaceAll()和.replaceWith()功能类似，主要是目标和源的位置区别
- .replaceWith()与.replaceAll() 方法会删除与节点相关联的所有数据和事件处理程序
- .replaceWith()方法，和大部分其他jQuery方法一样，返回jQuery对象，所以可以和其他方法链接使用
- .replaceWith()方法返回的jQuery对象引用的是替换前的节点，而不是通过replaceWith/replaceAll方法替换后的节点
查看全部

0 采集收起来源：DOM替换replaceWith()和replaceAll()
2019-08-20
weixin_慕工程3554094

replaceAll( target ) ：用集合的匹配元素替换每个目标元素
.replaceAll()和.replaceWith()功能类似，但是目标和源相反，用上述的HTML结构，我们用replaceAll处理

查看全部

0 采集收起来源：DOM替换replaceWith()和replaceAll()
2019-08-20
weixin_慕工程3554094

.replaceWith( newContent )：用提供的内容替换集合中所有匹配的元素并且返回被删除元素的集合
简单来说：用$()选择节点A，调用replaceWith方法，传入一个新的内容B（HTML字符串，DOM元素，或者jQuery对象）用来替换选中的节点A

查看全部

0 采集收起来源：DOM替换replaceWith()和replaceAll()
2019-08-20
weixin_慕工程3554094
克隆节点是DOM的常见操作，jQuery提供一个clone方法，专门用于处理dom的克隆
```
.clone()方法深度 复制所有匹配的元素集合，包括所有匹配元素、匹配元素的下级元素、文字节点。
```
clone方法比较简单就是克隆节点，但是需要注意，如果节点有事件或者数据之类的其他处理，我们需要通过clone(ture)传递一个布尔值ture用来指定，这样不仅仅只是克隆单纯的节点结构，还要把附带的事件与数据给一并克隆了
查看全部

0 采集收起来源：DOM拷贝clone()
2019-08-20
weixin_慕工程3554094

如果我们希望临时删除页面上的节点，但是又不希望节点上的数据与事件丢失，并且能在下一个时间段让这个删除的节点显示到页面，这时候就可以使用detach方法来处理
detach从字面上就很容易理解。让一个web元素托管。即从当前页面中移除该元素，但保留这个元素的内存模型对象。

查看全部

0 采集收起来源：DOM节点删除之保留数据的删除操作detach()
2019-08-20
andyquan

target 属性规定哪个 DOM 元素触发了该事件,与this差不多

查看全部

0 采集收起来源：DOM节点删除之保留数据的删除操作detach()
2019-08-15
andyquan

filter() 方法返回符合一定条件的元素。

查看全部

0 采集收起来源：DOM节点删除之remove()的有参用法和无参用法
2019-08-15

andyquan

节点的创建跟写HTML结构方式是一样的
$("<div class='right'><div class='aaron'>动态创建DIV元素节点</div></div>")

查看全部

0 采集收起来源：jQuery节点创建与属性的处理

2019-08-15

andyquan

$body.on就是监听body标签的相当于js中的document.addEventListener

查看全部

0 采集收起来源：jQuery节点创建与属性的处理
2019-08-15

首页上一页 12 13 14 15 16 17 18 下一页尾页

0/150

提交

取消

开始学习

课程须知: 1、有HTML/CSS基础 2、有JavaScript基础

老师告诉你能学到什么？: 1、jQuery的语法 2、jQuery节点操作