jQuery基础(二)—DOM篇_技术问答

首页免费课 jQuery基础(二)—DOM篇问答

jQuery基础(二)—DOM篇

                
                Aaron艾伦
            Web前端工程师

                    查看讲师更多课程 
                    Aaron艾伦讲师的其他课程
                
H5+JS+CSS3 实现圣诞情缘
中级·121760
免费课程
                                
H5+JS+CSS3实现七夕言情
中级·211538
免费课程
                                
jQuery基础(四)—动画篇
初级·85062
免费课程
                                
jQuery基础(三)—事件篇
入门·90004
免费课程
                                
jQuery基础 (一)—样式篇
入门·217524
免费课程
                                
jQuery源码解析（DOM与核心模块）
高级·71445
免费课程
                                
                难度入门
            
                时长 2小时17分
            
                学习人数
            
综合评分9.13
                            812人评价
                        查看评价
                                9.5
                                内容实用
                            
                                9.1
                                简洁易懂
                            
                                8.8
                                逻辑清晰

全部评论问答未解决精华

encoding

将一个元素”转换“成另一个元素，就可以使用 ```repaceWith``` 和 ```replaceAll``` 方法

0 5-2 DOM替换replaceWith()和replaceAll()

2018-06-13

encoding

```clone``` 深克隆，会克隆元素和其下的所有子元素，默认不会克隆事件处理程序，如需克隆事件处理程序，需要在调用 ```clone``` 方法时传入一个参数 ```true```。
和 ```detach``` 方法一样，```clone``` 方法是 jQuery 自身扩展的方法，需要使用 jQuery 提供的方式进行事件绑定，这样 jQuery 才能追踪到事件处理函数，从而在 ```detach``` 或者 ```clone``` 的时候，附加上事件处理程序。

0 5-1 DOM拷贝clone()

2018-06-13

encoding

使用 ```detach``` 方法删除元素后，会从 DOM 中真实删除该元素，但同时会保留一份该元素的副本，包括事件处理程序在内存中，在需要的时候，可以再将该副本添加到 DOM 上。
```detach``` 方法是 jQuery 所独有的，因此对于可能需要被 ```detach``` 的元素，需要使用 jQuery 自带的事件处理程序。

0 4-4 DOM节点删除之保留数据的删除操作detach()

2018-06-13

encoding

```before``` 和 ```after``` 函数的参数，可以是 HTML 字符串/jQuery对象/DOM对象/DOM数组等。
```before``` 方法会将新的元素插入到目标元素的前面，如果目标元素前面已经有元素了，就会将先前的元素前移。
```after``` 方法同理。

0 3-2 DOM外部插入after()与before()

2018-06-13

encoding

除了添加 jQuery 对象，也可以添加真实的 DOM 节点，在使用 ```append``` 时会进行转换
```
$("#bt1").on('click', function() {
const divEle = document.createElement("div")
divEle.className = "append"
divEle.innerText = "通过append方法添加的元素"
$(".content").append(divEle)
})
````

0 3-1 DOM内部插入append()与appendTo()

2018-06-13