jquery Dom操作方法簡單歸納

2021-07-25 17:30:40 字數 924 閱讀 7265

$(document).ready(function

() );

1. prependto()

2. prepend()

1. insertbefore()

2. before()

3. insertafter()

4. after()

1. wrap()

2. wrapall()

3. wrapinner()

$(document).ready(function

() );

wrapinner() 方法使用指定的 html 內容或元素,來包裹每個被選元素中的所有內容 (inner html)

在每個 p 元素的內容上包圍 b 元素:

$(".btn1").click(function

());

1. html()

2. text()

3. replaceall() 方法用指定的 html 內容或元素替換被選元素。

4. replacewith()

replaceall() 方法用指定的 html 內容或元素替換被選元素。

replaceall() 與 replacewith() 作用相同。差異在於語法:內容和選擇器的位置,以及 replacewith() 能夠使用函式進行替換。

replaceall()使用案例:

empty

()

1. remove()

2. detach()

DOM 操作方法的簡單歸納

對於jquery提供的大量dom操作方法,應該根據要完成的任務和元素的位置作出不同的選 擇。本章只介紹了一部分dom操作方法,但其他方法的使用與這些方法類似 第12章還將更全 面地討論dom操作方法。下面,我們簡單地歸納出一些方法,這些方法幾乎能夠在任何情況下,完成任何任務。1 要在html中建立新...

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

JQuery DOM節點操作

1.建立 移動節點 var box 建立節點 return html代表原本裡面的內容 div prepend 插入節點,插入到內容的前面 div prepend function index,html return html代表原本裡面的內容 box.prependto body 插入的內容前面 ...