JQuery dom 操作總結

2022-08-04 20:12:10 字數 1166 閱讀 2807

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

">這是另乙個段落。

input field: "

text

" id="

test3

" value="

mickey mouse

">

"btn1

">設定文字

"btn2

">設定 html

"btn3

">設定值

jquery attr() 方法也用於設定/改變屬性值。attr() 方法也允許您同時設定多個屬性。

改變 href 和 title 值

請把滑鼠指標移動到鏈結上,或者點選該鏈結,來檢視已經改變的 href 值和已經設定的 title 值。

我們將學習用於新增新內容的四個 jquery 方法:

1

2318

1920

this is a paragraph.

21this is another paragraph.

2223

list item 1

24list item 2

25list item 3

2627

"btn1

">追加文字28"

btn2

">追加列表項

2930

如需刪除元素和內容,一般可使用以下兩個 jquery 方法:

jquery DOM操作總結

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

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