這篇文章主要介紹“jquery如何添加和移除元素”,在日常操作中,相信很多人在jquery如何添加和移除元素問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”jquery如何添加和移除元素”的疑惑有所幫助!接下來,請跟著小編一起來學(xué)習(xí)吧!
創(chuàng)新互聯(lián)專注于企業(yè)營銷型網(wǎng)站建設(shè)、網(wǎng)站重做改版、汝南網(wǎng)站定制設(shè)計、自適應(yīng)品牌網(wǎng)站建設(shè)、成都h5網(wǎng)站建設(shè)、商城網(wǎng)站定制開發(fā)、集團公司官網(wǎng)建設(shè)、成都外貿(mào)網(wǎng)站建設(shè)、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計等建站業(yè)務(wù),價格優(yōu)惠性價比高,為汝南等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。
添加元素的方法:1、用append()或prepend()在指定元素內(nèi)部添加子元素;2、用after()或before()添加同級元素。移除方法:1、用remove()刪除被選元素以及子元素;2、用empty()刪除子元素,但保留被選元素。
本教程操作環(huán)境:windows7系統(tǒng)、jquery1.10.2版本、Dell G3電腦。
jQuery添加元素的四種方法:
1、append()在被選擇元素的結(jié)尾添加內(nèi)容。
使用 append( ) 方法向div元素內(nèi)部的“末尾處”添加子元素。
語法:
$(A).append(B)
表示往 A 內(nèi)部的末尾處插入 B。
示例:
第一段文本
第二段文本
第三段文本
2、prepend()在被選擇元素的開頭添加內(nèi)容。
prepend( ) 方法可以向div元素內(nèi)部的“開始處”添加子元素。
語法:
$(A).prepend(B)
表示往 A 內(nèi)部的開始處插入 B。
示例:
$(function () { $("#btn").click(function () { var newp = "一個新段落
"; $("div").prepend(newp); }) })
3、after()選擇某一個元素,并在該元素之后插入內(nèi)容。
$(A).after(B)
表示往 A 外部的后面插入 B。
示例:
這是一些文本。這是div塊中的一個p段落。
4、before()選擇某一個元素,并在該元素之插入內(nèi)容。
$(A).before(B)表示往 A 外部的前面插入 B。
這是一些文本。這是div塊中的一個p段落。
jQuery刪除元素的方法2種方法:
使用remove()方法可以將被選元素以及子元素同時刪除。
使用empty()會將被選元素的子元素進行刪除,不會刪除被選元素。
到此,關(guān)于“jquery如何添加和移除元素”的學(xué)習(xí)就結(jié)束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學(xué)習(xí),快去試試吧!若想繼續(xù)學(xué)習(xí)更多相關(guān)知識,請繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站,小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>
本文題目:jquery如何添加和移除元素
文章轉(zhuǎn)載:http://weahome.cn/article/pccidg.html