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) 搜尋所有與指定表示式匹配的元素。這個函式是找出正在處理的元素的後代元素的好方法 addclass addclass 向某個元素新增乙個類 button click function 元素之外追加 after 在指定元素之後插入內容,外部插入 插入文字 button click function 使用方法插入 selector after function index index... 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,可能一時會分不清楚哪些是jquery物件,哪些是dom物件。至於dom物件不多解釋,我們接觸的太多了,下面重點介紹一下jquery,以及兩者相互間的轉換。什麼是jquery物件?就是通過jquery包裝dom物件後產生的物件。jquery物件是jquery獨有的,其可以使用j...jquery DOM操作總結
JQuery dom 操作總結
jQuery DOM物件和jQuery物件及轉換