jquery操作DOM 元素 3

2021-09-29 03:19:20 字數 1412 閱讀 7096

.detach()

從dom 中去掉所匹配的元素。

.detach([selector])

selector 乙個選擇表示式將需要移除的從匹配的元素中過濾出來。

$("p").detach();

.empty()

從dom中移除集合中匹配元素的所有子節點。

.empty() 這個方法不接受任何引數。

結構:hello

goodbye

$('.hello').empty();

效果:goodbye

.remove()

將匹配元素從dom 中刪除,同時刪除元素上的事件。

.remove([selector])

selector 乙個選擇器表示式用來過濾將被移除的匹配元素集合。

結構:hello

goodbye

$('.hello').remove();

效果:goodbye

.unwrap()

將匹配元素集合的父級元素刪除,保留自身,(和兄弟元素,如果存在)再原來的位置。

.unwrap()

這個方法不接受任何引數。

結構:hello

goodbye

$('.hello').empty();

效果:hello

goodbye

.replaceall()

用集合的匹配元素替換每個目標元素。

.replaceall(target)

target 乙個選擇器字串,物件,dom元素,或者元素陣列,包含哪個元素被替換。

結構:hello

andgoodbye

$('').replaceall('.inner');

效果:

.replacewith()

用提供的內容替換集合中所匹配的元素並返回刪除元素的集合。

.replacewith(newcontent)

newcontent 用來插入的內容,可能是html字串,dom元素,或者物件。

.replacewith(function)

function 乙個函式,返回的內容會替換匹配的元素集合。

結構:hello

andgoodbye

$('div.second').replacewith('');

效果:hello

goodbye

$('div.third').replacewith($('.first'));

效果:and

hello

更多專業前端知識,請上

【猿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 元素 2

after 在匹配的元素集合中的每個元素後面插入引數指定的內容,作為其兄弟節點。after content content content html字串 dom 元素 元素陣列 物件,用來插入到集合中每個匹配元素的後面。content html字串 dom 元素 元素陣列 物件,用來插入到集合中每個...