jQueryDOM物件總結

jquerydom物件總結

在jq裡物件提供的方法js不能用js裡提供的方法jq不能用

在jq與js的操作對比裡很明顯jq的操作方法是要比js方便的多，js要去記憶某個節點的操作方法

瀏覽器是否相容而jq就不用去管這些相比jq的**量也是遠遠低於js的**量。

如何將js物件轉化成乙個jq物件？

這個方法就很簡單了，

列：.dom物件轉換為jquery物件

var box = document.getelementbyid(「box」);//dom物件

$(box);//jquery物件

jquery物件轉換為乙個dom物件

列：var div

s=

divs=

divs

=(「div」)：該為jq物件

var div=div

s[0]

：該為d

om物件

使用jq

uery

中的ge

t()方

法進行轉

換，只需

要提供一

個索引就

可以了v

ardi

v=

divs[0]：該為dom物件 使用jquery中的get()方法進行轉換，只需要提供乙個索引就可以了 var div=

divs[0

]：該為

dom對

象使用j

quer

y中的g

et()

方法進行

轉換，只

需要提供

乙個索引

就可以了

vard

iv=divs.get(0);//將div

s物件中

索引為0

的元素轉

換為do

m物件j

q裡常見

的元素獲

取：va

rs

=divs物件中索引為0的元素轉換為dom物件 jq裡常見的元素獲取： var s =

divs物件

中索引為

0的元素

轉換為d

om物件

jq裡常

見的元素

獲取：v

ars=

(「#div」)獲取某個元素的id

var s =(「d

iv」)

獲取某個

元素的標

籤var

s=

(「div」)獲取某個元素的標籤 var s =

(「div」

)獲取某

個元素的

標籤va

rs=

"

vcla

ss=′

box′

>這是

乙個通過

jque

ry動態

新增的d

iv

iv

>")

;節點的

外部插入

：aft

er和b

eter

通過af

ter在

選擇元素

後插入元

素，列：

("這是乙個通過jquery動態新增的div

"); 節點的外部插入： after和beter 通過after在選擇元素後插入元素，列：

("vcla

ss=′

box′

>這是

乙個通過

jque

ry動態

新增的d

iviv

>")

;節點的

外部插入

：aft

er和b

eter

通過af

ter在

選擇元素

後插入元

素，列：

(「x」).after(「s」);

通過beter在選擇元素前插入元素，列：("x

").b

eter

("s"

);in

sert

afte

r和in

sert

befo

re通過

inse

rtaf

ter在

選擇元素

後插入元

素，列：

("x").beter ("s"); insertafter和insertbefore 通過insertafter在選擇元素後插入元素，列：

("x").

bete

r("s

");i

nser

taft

er和i

nser

tbef

ore通

過ins

erta

fter

在選擇元

素後插入

元素，列

：(「x」).insertafter (「s」);

通過insertbefore在選擇元素前插入元素，列：$(「x」).insertbefore (「s」);

類似的有get(index),不過get(index)返回的是dom物件。

引數說明：index 乙個整數，指示元素基於0的位置,這個元素的位置是從0算起。

-index 乙個整數，指示元素的位置，從集合中的最後乙個元素開始倒數。(-1算起)

first() 獲取第乙個元素

last()獲取最後個元素

hasclass(class) 檢查當前的元素是否含有某個特定的類，如果有，則返回true

這其實就是 is("." + class)。

filter(expr|obj|ele|fn) 篩選出與指定表示式匹配的元素集合。

這個方法用於縮小匹配的範圍。用逗號分隔多個表示式

find(expr|obj|ele)

搜尋所有與指定表示式匹配的元素。這個函式是找出正在處理的元素的後代元素的好方法

jquery DOM操作總結

addclass addclass 向某個元素新增乙個類 button click function 元素之外追加 after 在指定元素之後插入內容,外部插入 插入文字 button click function 使用方法插入 selector after function index index...

JQuery dom 操作總結

dom 操作之獲取值 1 btn1 click function 1 btn2 click function 1 button click function 1 2313 1415 id w3s w3school.com.cn 16顯示 href 值 1718 19 test1 這是段落。test2...

jQuery DOM物件和jQuery物件及轉換

剛開始學習jquery，可能一時會分不清楚哪些是jquery物件，哪些是dom物件。至於dom物件不多解釋，我們接觸的太多了，下面重點介紹一下jquery，以及兩者相互間的轉換。什麼是jquery物件？就是通過jquery包裝dom物件後產生的物件。jquery物件是jquery獨有的，其可以使用j...