1. 程式人生 > >jquery DOM操作

jquery DOM操作

一、jq操作 DOM

元素獲得與失去焦點事件: onfocus/onblur 表單提交事件:onsubmit

二、DOM分類

DOM操作分為三類:

這裡寫圖片描述

三、jq六大DOM操作

這裡寫圖片描述

四、操作DOM之樣式

這裡寫圖片描述

這裡寫圖片描述

opacitty=="透明度"

這裡寫圖片描述

這裡寫圖片描述

這裡寫圖片描述

五、jq操作DOM之【內容】

這裡寫圖片描述

這裡寫圖片描述

這裡寫圖片描述

這裡寫圖片描述

這裡寫圖片描述

這裡寫圖片描述

六、jq操作DOM之【節點操作】概要

這裡寫圖片描述

這裡寫圖片描述

這裡寫圖片描述

這裡寫圖片描述

這裡寫圖片描述

這裡寫圖片描述

七、【節點操作】之建立節點

這裡寫圖片描述

八、【節點操作】之插入子節點

這裡寫圖片描述

九、【節點操作】之插入兄弟節點

這裡寫圖片描述

十、【節點操作】之刪除節點

這裡寫圖片描述

十一、【節點操作】之替換節點

這裡寫圖片描述

這裡寫圖片描述

十二、【節點操作】之克隆節點

這裡寫圖片描述

這裡寫圖片描述

十三、jq操作DOM之【屬性】

這裡寫圖片描述

這裡寫圖片描述

這裡寫圖片描述

十四、jq操作DOM之【遍歷】

這裡寫圖片描述

這裡寫圖片描述

這裡寫圖片描述

這裡寫圖片描述

這裡寫圖片描述

這裡寫圖片描述

這裡寫圖片描述

這裡寫圖片描述

十五、next()與end()的區別

1.next()是取得下一個弟弟,end()回到最初的選擇器對應的jq物件

這裡寫圖片描述

十六、jq操作DOM之【CSS-DOM】

這裡寫圖片描述

這裡寫圖片描述

小結

這裡寫圖片描述