這篇“jquery如何增加子元素”文章的知識(shí)點(diǎn)大部分人都不太理解,所以小編給大家總結(jié)了以下內(nèi)容,內(nèi)容詳細(xì),步驟清晰,具有一定的借鑒價(jià)值,希望大家閱讀完這篇文章能有所收獲,下面我們一起來(lái)看看這篇“jquery如何增加子元素”文章吧。
專注于為中小企業(yè)提供成都網(wǎng)站制作、成都網(wǎng)站建設(shè)服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)江門免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都,凝聚了一批互聯(lián)網(wǎng)行業(yè)人才,有力地推動(dòng)了超過(guò)千家企業(yè)的穩(wěn)健成長(zhǎng),幫助中小企業(yè)通過(guò)網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。
增加子元素的方法:1、用“$(父元素).append(子元素)”語(yǔ)句;2、用“$(父元素).prepend(子元素)”語(yǔ)句;3、用“$(子元素).appendTo(父元素)”語(yǔ)句;4、用“$(子元素).prependTo(父元素)”語(yǔ)句。
本教程操作環(huán)境:windows7系統(tǒng)、jquery1.10.2版本、Dell G3電腦。
jquery添加子元素
1、append方法
在每個(gè)匹配元素內(nèi)的 末尾處 插入?yún)?shù)內(nèi)容
參數(shù)類型說(shuō)明:
1)普通字符串(可包含各種html標(biāo)簽)
$('body').append('html字符串');
2)jQuery對(duì)象
①使用$函數(shù)創(chuàng)建的新元素(jQuery對(duì)象)
②使用$函數(shù)獲取頁(yè)面中已經(jīng)有的元素(jQuery對(duì)象)
此時(shí)會(huì)將已有的元素移動(dòng)到目標(biāo)元素內(nèi),就是被剪切了
段落
div
③使用clone方法克隆頁(yè)面中已經(jīng)有的元素(jQuery對(duì)象)
$getParagraph=$("p").clone();//這樣就避免了p段落會(huì)變成p的子元素
3)html元素對(duì)象、html元素對(duì)象數(shù)組
====以上類型的參數(shù)可傳入多個(gè),每個(gè)參數(shù)都會(huì)被插入到匹配元素!===
4)函數(shù)
有多少個(gè)匹配元素,這個(gè)函數(shù)就會(huì)執(zhí)行多少次
函數(shù)可以接受到兩個(gè)參數(shù):第一個(gè)是當(dāng)前元素的序號(hào)、第二個(gè)是當(dāng)前元素內(nèi)的html
函數(shù)內(nèi)部this代表當(dāng)前的html元素對(duì)象
return 的數(shù)據(jù)就是插入的內(nèi)容(可以為html元素,也可以是jQuery對(duì)象)
2、prepend方法
將參數(shù)內(nèi)容插入到每個(gè)匹配元素內(nèi)部的 最前面
$(A).prepend(B)
$(A).prepend(B) 表示往 A 內(nèi)部的開(kāi)始處插入 B。
3、appendTo方法
將匹配的元素插入到目標(biāo)元素內(nèi)部的最后面(同append)
$(A).appendTo(B)
$(A).appendTo(B) 表示將 A 插入到 B 內(nèi)部的末尾處。
4、prependTo方法
將匹配的元素插入到目標(biāo)元素內(nèi)部的最前面(同prepend)
$(A).prependTo(B)
$(A).prependTo(B) 表示將 A 插入到 B 內(nèi)部的開(kāi)始處。
以上就是關(guān)于“jquery如何增加子元素”這篇文章的內(nèi)容,相信大家都有了一定的了解,希望小編分享的內(nèi)容對(duì)大家有幫助,若想了解更多相關(guān)的知識(shí)內(nèi)容,請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。