jquery DOM操作總結

2021-09-23 14:31:57 字數 2865 閱讀 3680

addclass();

addclass()

;// 向某個元素新增乙個類$(

"button").

click

(function()

);

元素之外追加

after()

;//在指定元素之後插入內容, 外部插入

//插入文字$(

"button").

click

(function()

);//使用方法插入

$(selector)

.after

(function

(index));

//index 接收selector的index位置

insertafter()

;//將指定內容插入到匹配的元素之後$(

"button").

click

(function()

);before()

;// 和after()使用相同, 在元素之前插入, 外部插入

insertbefore()

;// 和insertafter使用相同

元素之內追加 (

);//在指定元素之後插入內容, 內部插入

//插入文字$(

"button").

click

(function()

);//使用方法插入

$(selector).(

function

(index,html));

//index 接受selector的index位置, html 可選。接收選擇器的當前 html()

;$("button").

click

(function()

);// 將內容新增到p元素的末尾

prepend()

;//在元素的最前邊追加

prependto()

;刪除移動元素和屬性

detach()

;//刪除乙個匹配的元素, 包括事件, 子元素, 文字, 並返回. 此方法可以用來進行移動節點

empty()

;//刪除匹配元素的所有內容

clone

(flag)

;//返回乙個事件的副本, flag為boolean值, 是否複製事件處理器

remove()

;//和detach();方法使用相同, 不同的是remove不會保留事件物件

removeattr()

;//所有匹配的元素中移除指定的屬性。

removeclass()

;//從所有匹配的元素中刪除全部或者指定的類。

replaceall()

;//用匹配的元素替換所有匹配到的元素。$(

".btn1").

click

(function()

);replacewith()

;//方法用指定的 html 內容或元素替換被選元素$(

".btn1").

click

(function()

);$(selector)

.replacewith

(function()

);//使用函式來替換

toggleclass()

;//從匹配的元素中新增或刪除乙個類。

unwrap()

;// 移除並替換所選元素的父元素

wrap()

;//用指定的內容, 把所選元素匹配起來$(

".btn1").

click

(function()

);wrapall()

;//把所有匹配的元素用指定內容包裹起來, 和wrap()不同的是, wrapall全部包裹, wrap是, 分別包裹

wrapinner()

;//將匹配的元素內容用指定的內容包裹起來

檢視元素

attr()

;//返回或設定selector的屬性

$(selector)

.attr

(attribute,

[value]);

//value可選, 如果傳入了value, 則是設定, 否則是獲取屬性

hasclass()

;//檢查是否包含某個類

html()

;//相當於innerhtml

text()

;//相當於innertext

val();

//匹配元素的值

;//設定或返回匹配元素的樣式屬性。

height()

;width()

;//設定或獲取元素的高或寬, 返回number, 並不是字串

offset()

;//返回乙個物件, 相對文件的位置$(

".btn1").

click

(function()

);offsetparent()

;// 方法返回最近的祖先定位元素。$(

"button").

click

(function()

);position()

;//返回相對父元素的位置, 相對位置

scrollleft()

;//設定或返回匹配元素相對滾動條左側的偏移。

scrolltop()

;//設定或返回匹配元素相對滾動條頂部的偏移。

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...

jQueryDOM物件總結

jquerydom物件總結 在jq裡物件提供的方法js不能用js裡提供的方法jq不能用 在jq與js的操作對比裡很明顯jq的操作方法是要比js方便的多,js要去記憶某個節點的操作方法 瀏覽器是否相容而jq就不用去管這些相比jq的 量也是遠遠低於js的 量。如何將js物件轉化成乙個jq物件?這個方法就...

jQuery DOM操作篩選

filter not has div1span div2 div filter box css border 1px red solid 選出div,並且類為box,進行操作 div not box css border 1px red solid 選擇div 並且類不是box,進行操作 div h...