本篇內(nèi)容介紹了“jquery如何移除某個元素”的有關(guān)知識,在實(shí)際案例的操作過程中,不少人都會遇到這樣的困境,接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧!希望大家仔細(xì)閱讀,能夠?qū)W有所成!
專業(yè)從事做網(wǎng)站、成都網(wǎng)站制作,高端網(wǎng)站制作設(shè)計(jì),小程序開發(fā),網(wǎng)站推廣的成都做網(wǎng)站的公司。優(yōu)秀技術(shù)團(tuán)隊(duì)竭力真誠服務(wù),采用H5頁面制作+CSS3前端渲染技術(shù),響應(yīng)式網(wǎng)站建設(shè),讓網(wǎng)站在手機(jī)、平板、PC、微信下都能呈現(xiàn)。建站過程建立專項(xiàng)小組,與您實(shí)時在線互動,隨時提供解決方案,暢聊想法和感受。
jquery移除某個元素的方法:1、使用empty()函數(shù),語法“指定元素對象.empty()”;2、使用remove()函數(shù),語法“指定元素對象.remove()”;3、使用detach()函數(shù),語法“指定元素對象.detach()”。
本教程操作環(huán)境:windows7系統(tǒng)、jquery1.10.2版本、Dell G3電腦。
一、empty()方法
從DOM中移除集合中匹配元素的所有子節(jié)點(diǎn)。
示例:
HelloGoodbye
移除方法:
$('.hello').empty();
效果:
Goodbye
如果
里面包含任何數(shù)量的嵌套元素,他們也會被移走。
為了避免內(nèi)存泄漏,jQuery先移除子元素的數(shù)據(jù)和事件處理函數(shù),然后移除子元素
二、remove()方法:
描述: 將匹配元素集合從DOM中刪除。(同時移除元素上的事件及 jQuery 數(shù)據(jù)。)
和 .empty()相似。.remove() 將元素移出DOM。 當(dāng)我們想將元素自身移除時我們用 .remove(),同時也會移除元素內(nèi)部的一切,包括綁定的事件及與該元素相關(guān)的jQuery數(shù)據(jù)
示例:
HelloGoodbye
移除方法:
$('.hello').remove(); 或者用 $('div').remove('.hello');
效果:
Goodbye
也就是說 class對應(yīng)的自身的p也移除了
三、detach()方法:
從DOM中去掉所有匹配的元素
detach() 方法和.remove()一樣, 除了 .detach()保存所有jQuery數(shù)據(jù)和被移走的元素相關(guān)聯(lián)。當(dāng)需要移走一個元素,不久又將該元素插入DOM時,這種方法很有用。
四、html("")方法:
html() 方法如果未設(shè)置參數(shù),則返回被選元素的當(dāng)前內(nèi)容。html("")
則清空被選元素的當(dāng)前內(nèi)容。
empty() 方法從被選元素移除所有內(nèi)容,包括所有文本和子節(jié)點(diǎn)。
兩者最終實(shí)現(xiàn)的效果是一樣的
html()返回值:String 也就是說是可以用變量接收的
empty()返回值:jQuery 不能用變量接收
另外:
empty()方法無參數(shù),而且清空后的子集及文本無法進(jìn)行還原。而detach()和remove()方法可以將其保存在一個變量中
如聲明變量p 寫成如下形式
var p=$('p').remove();
當(dāng)需要從新添加時可以直接添加如下
p.appendTo("body");
這是detach()和remove()方法都有的功能。remove()較detach()不同的是:remove()可以刪除指定的類如remove('a'),而detach()不可這樣操作。
還要注意一點(diǎn),當(dāng)用remove()方法移除元素后,再進(jìn)行添加,再子集的事件的不會存在,而detach()子集的事件還可執(zhí)行。
“jquery如何移除某個元素”的內(nèi)容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站,小編將為大家輸出更多高質(zhì)量的實(shí)用文章!