Practical Training Juqery課程 DOM事件
阿新 • • 發佈：2021-11-11
1.內部插入 =》子節點
append和appendTo 效果一樣 區別只是 由哪個查詢 jQuery內容：ul.li標籤：效果圖：
效果圖：因為有jQuery裡寫了append和appendTo 的程式碼，所以，才會有兩個“列表 append”
prepend // prepend 在所有子元素的前面jQuery內容：
效果：
button按鈕的圖:
2.外部插入 =》兄弟節點===》before 不在ul裡面 而是在他的（外部）上面
jQuery內容：
after 不在ul裡面 而是在他的（外部）下面效果：
button按鈕的圖:
3.包裹 =》父節點
jQuery內容：
效果：
button按鈕的圖:
4.// 修改 也是替換 替換new
jQuery內容：
效果：
button按鈕的圖:
5.// 刪除
jQuery內容：
效果：
empty 點選之後只刪除內容 不刪除樣式
remove 點選之後是刪除整行
button按鈕的圖:
6.克隆複製
jQuery內容：
效果：
button按鈕的圖:
7.li的單擊事件
jQuery內容：
console 效果：
單擊事件直接寫： jQuery內容：console 效果：
on()多個事件（單擊雙擊事件）中間用空格隔開： jQuery內容：console 效果：