jquery操作DOM 元素 2

2021-09-29 03:19:20 字數 1564 閱讀 6708

.after()

在匹配的元素集合中的每個元素後面插入引數指定的內容,作為其兄弟節點。

.after(content[,content])

content html字串 dom 元素 元素陣列 物件,用來插入到集合中每個匹配元素的後面。

content html字串 dom 元素 元素陣列 物件,用來插入到集合中每個匹配元素的後面。

.after(function)

function 返回乙個 html字串 dom 元素 元素陣列 物件,用來插入到集合中每個匹配元素的後面。 this指向中當前位置。

結構:hello

goodbye

$('.inner').after('test

');效果:

hello

test

goodbye

test

.before()

根據引數設定,在匹配引數的前面插入插入內容。

.after(content[,content])

content html字串 dom 元素 元素陣列 物件,用來插入到集合中每個匹配元素的後面。

content html字串 dom 元素 元素陣列 物件,用來插入到集合中每個匹配元素的後面。

.after(function)

function 返回乙個 html字串 dom 元素 元素陣列 物件,用來插入到集合中每個匹配元素的後面。 this指向中當前位置。

結構:hello

goodbye

$('.inner').before('test

');效果:

test

hello

test

goodbye

.insertafter()

在目標元素的後面插入集合中每個匹配的元素,插入的元素作為目標元素的兄弟元素。

.insertafter(target)

target 乙個選擇器,元素,html字串或者物件,匹配的元素將會被插入在由引數指定的目標後面。

結構:hello

goodbye

$("test

").insertafter('.insertafter');

效果:hello

test

goodbye

test

.insertbefore()

在目標元素的前面插入集合中每個匹配的元素,插入的元素作為目標元素的兄弟元素。

.insertbefore(target)

target 乙個選擇器,元素,html字串或者物件,匹配的元素將會被插入在由引數指定的目標前面。

結構:hello

goodbye

$("test

").insertbefore('.insertafter');

效果:test

hello

test

goodbye

更多專業前端知識,請上

【猿2048】www.mk2048.com

JQuery 操作DOM元素

使用attr 方法控制元素的屬性 使用attr 屬性名 是獲取該屬性的值。使用attr 屬性名 屬性值 是設定屬性的值 html text 方法控制元素的文字 包含樣式 使用html 時是獲取元素的html文字 包括樣式 如果文字是斜體的,獲取到的也是斜體的 使用html 哈哈哈 時是將元素的htm...

jQuery 訪問DOM元素操作

一 操作元素屬性 1.獲取元素的屬性 attr prop 例1 css樣式 使用如下 attr可以獲取其width input type button attr width 200px console.log input type button attr width 200px prop不可以獲取其...

jquery操作DOM 元素 3

detach 從dom 中去掉所匹配的元素。detach selector selector 乙個選擇表示式將需要移除的從匹配的元素中過濾出來。p detach empty 從dom中移除集合中匹配元素的所有子節點。empty 這個方法不接受任何引數。結構 hello goodbye hello e...