久草热大视频在线观看,欧美狠狠撸视频,免费三区二区一区高清

首頁免費課 jQuery基礎(二)—DOM篇問答

jQuery基礎(二)—DOM篇

                
                Aaron艾倫
            Web前端工程師

                    查看講師更多課程 
                    Aaron艾倫講師的其他課程
                
H5+JS+CSS3 實現圣誕情緣
中級·122111
免費課程
                                
H5+JS+CSS3實現七夕言情
中級·211515
免費課程
                                
jQuery基礎(四)—動畫篇
初級·85041
免費課程
                                
jQuery基礎(三)—事件篇
入門·89986
免費課程
                                
jQuery基礎 (一)—樣式篇
入門·217493
免費課程
                                
jQuery源碼解析（DOM與核心模塊）
高級·71429
免費課程
                                
                難度入門
            
                時長 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