jQuery中的dom查詢 增刪改

jquery中的dom查詢、增刪改

eq()選擇索引值為等於 3 的 div 元素

first()選擇第乙個 div 元素

filter()在div中選擇索引為偶數的

has()選擇div中包含.mini的

children()在body中選擇所有class為one的div子元素

find()在body中選擇所有class為mini的div後代元素

next()#one的下乙個div

parent().mini的父元素

add()選擇所有的 span 元素和id為two的元素

@charset "utf-8";

#total
ulli
.inner

文字框id 為 one,class 為 one 的div
class為mini
id為two,class為one,title為test的div
class為mini,title為other
class為mini,title為test
class為mini
class為mini
class為mini
class為mini
class為mini
class為mini
class為mini,title為tesst
style的display為"none"的div
class為"hide"的div
^^span元素 111^^
包含input的type為"hidden"的div
^^span元素 222^^
正在執行動畫的div元素.

例子：

建立乙個"廣州"節點,新增到#city下[prepend()]

建立乙個"廣州"節點,新增到#city下[prependto()]

在#bj

前面插入"廣州"節點[before()]

將"廣州"節點插入到#bj

前面[insertbefore()]

在#bj

後面插入"廣州"節點[after()]

將"廣州"節點插入到#bj

後面[insertafter()]

使用"廣州"節點替換#bj

節點[replacewith()]

使用"廣州"節點替換#bj

節點[replaceall()]

刪除#rl

節點[remove()]

掏空#city節點[empty()]

讀取#city內的html**

設定#bj

內的html**

你喜歡哪個城市?
你喜歡哪款單機遊戲?
你手機的作業系統是?
gender:
male
female
name:
建立乙個"廣州"節點,新增到#city下[prepend()]
建立乙個"廣州"節點,新增到#city下[prependto()]
在#bj前面插入"廣州"節點[before()]
將"廣州"節點插入到#bj前面[insertbefore()]
在#bj後面插入"廣州"節點[after()]
將"廣州"節點插入到#bj後面[insertafter()]
使用"廣州"節點替換#bj節點[replacewith()]
使用"廣州"節點替換#bj節點[replaceall()]
刪除#rl節點[remove()]
掏空#city節點[empty()]
讀取#city內的html**
設定#bj內的html**

jQuery中常用DOM的增刪改查

varop document createelement p 新增到內部 1，div 123 返回值是方法呼叫者，即div。div 123 css background red 因為返回值是呼叫者，所以屬性是加給呼叫者。2，op div 返回值是p標籤，即方法的呼叫者。注意變數包裝成jq的方法。3，...

jQuery中的DOM操作

三 jquery中的dom操作 3.2.1 查詢節點 1.查詢元素節點 var li ul li eq 1 獲取裡第2個節點 var li text li.text 獲取第二個元素節點的文字內容 2.查詢屬性節點 var para p 獲取節點 var p text para.attr title ...

jQuery中的DOM操作

jquery中的dom操作 dom分為3個部分，dom core html dom,css dom 1,查詢節點 查詢元素節點可以用 選擇器，find 和children 方法。查詢屬性節點可以用attr 方法,也可以用 的屬性過濾選擇器 eg div tittle 2,建立節點 3，插入節點 3....