jq 添加子元素,jq 子节点
本教程运行环境：windows7系统，jQuery 1 . 10 . 2版，Dell G3电脑。
在jquery中，有许多方法可以向父节点添加子节点：
Append():在选定元素的“末尾”插入内容。
AppendTo():在所选元素的“结尾”插入内容。
Prepend():将内容插入到所选元素的“开始”部分。
PrependTo():将内容插入到所选元素的“开始”部分。
示例：
脚本
$(function () {
//1 . append()；
//父节点。追加(子节点)；//作为最后一个子元素添加。
$( # btnapend )。单击(函数(){
//1.1创建一个新的li标签并将其附加到ul1。
//var $newLi=$(李我是新创作的李标签/李)；
//$(#ul1 )。append($ newLi)；
//1.2获取ul1中某个li标签，添加到ul1中。
//将其剪切出来，作为最后一个子元素添加。
//var $ li3=$( # li3 )；
//$(#ul1 )。append($ li3)；
//1.3在ul2中获取某个li标签，添加到ul1中。
//将其剪切出来，作为最后一个子元素添加。
var $ li32=$( # li32 )；
$(#ul1 )。append($ li32)；
});
//2.prepend()
//父节点。prepend(子节点)；//添加为第一个子元素。
$(#btnPrepend )。单击(函数(){
//2.1创建一个新的li标签，附加到ul1上。
//var $newLi=$(李我是新创作的李标签/李)；
//$(#ul1 )。prepend($ newLi)；
//2.2获取ul1中某个li标签，添加到ul1中。
//将其剪切出来，作为最后一个子元素添加。
//var $ li3=$( # li3 )；
//$(#ul1 )。前置($ li3)；
//2.3在ul2中获取某个li标签，添加到ul1中。
//将其剪切出来，作为最后一个子元素添加。
var $ li32=$( # li32 )；
$(#ul1 )。前置($ li32)；
});
//3 . appendto()；
//子节点。appendTo(父节点)；//作为最后一个子元素添加。
$(#btnAppendTo )。单击(函数(){
//1.1创建一个新的li标签并将其附加到ul1。
Var $newLi=$(李我是新创建的李标签/李)；
$ newli . appendto($( # ul1 ))；
});
//4.prependTo()
//子节点。prependTo(父节点)；//添加为第一个子元素。
$(#btnPrependTo )。单击(函数(){
//1.1创建一个新的li标签并将其附加到ul1。
Var $newLi=$(李我是新创建的李标签/李)；
$ newli . prepend to($( # ul1 ))；
});
});
/脚本
身体
输入类型=button 值=append id=btnAppend/
input type= button value= prepend id= BTN prepend /
input type= button value= append to id= btnAppendTo /
输入类型=button 值=prependTo id=btnPrependTo/
ul id=ul1
李我是第一个李标签/李
李我是第二个李标签/李
李=李我是李第三个标签/李
李我是第四个李标签/李
李我是第五个李标签/李
/ul
ul id=ul2
李我是第一李标签2/李
李我是第二个李标签2/李
我是第三个李
李我是第四个李标签2/李
李我是第五李标签2/李
/ul
/body
相关教程推荐：jquery视频教程以上是jQuery中如何添加子节点的细节。更多请关注我们的其他相关文章！
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。