如何在 div 中使用 jQuery 为其添加标记？

发布时间：2023-07-20 11:30:17 所属栏目：教程来源：网络

导读： 　　为大家详细介绍“jquery在div中怎么添加标签”，内容详细，步骤清晰，细节处理妥当，希望这篇“jquery在div中怎么添加标签”文章能帮助大家解决疑惑，下面跟着小编

　　为大家详细介绍“jquery在div中怎么添加标签”，内容详细，步骤清晰，细节处理妥当，希望这篇“jquery在div中怎么添加标签”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。

　　用jquery可以在div中添加标签。4种方法：1、使用append()在div元素的结尾插入子标签，语法“$("div").append(元素)”；2、使用prepend()在div元素的开头插入子标签，语法“$("div").prepend(元素)”；3、使用appendTo()在div元素的结尾插入子标签；4、使用prependTo()在div元素的开头插入子标签。

　　用jquery可以在div中添加标签，有4种方法：

　　append() 方法：向所选元素内部的“末尾处”插入内容。

　　prepend() 方法：向所选元素内部的“开始处”插入内容。

　　appendTo() 方法：在被选元素的结尾（但仍在元素的内部）插入指定的内容。但不能使用函数来附加内容。

　　prependTo() 方法：在被选元素的开头（但仍在元素的内部）插入指定的内容。

　　jquery添加节点的方法

　　就拿这个简单的小例子说明一下

　　1、append方法

　　<body>

　　    <div>我是里面的div</div>

　　    <p>我是外面p</p>

　　</body>

　　<script>

　　    $(function(){

　　        $("div").append($("p"));//添加到元素内容的后面

　　    })

　　</script>

　　2、prepend方法

　　<body>

　　    <div>我是里面的div</div>

　　    <p>我是外面p</p>

　　</body>

　　<script>

　　    $(function(){

　　        $("div").prepend($("p"));//添加到元素内容的前面

　　    })

　　</script>

　　3、appendTo方法

　　<body>

　　    <div>我是里面的div</div>

　　    <p>我是外面p</p>

　　</body>

　　<script>

　　    $(function(){

　　        $("p").appendTo($("div"));//子元素添加到父元素里,并且添加到父元素内容的后面面

　　    })

　　</script>

　　4、prependTo方法

　　<body>

　　    <div>我是里面的div</div>

　　    <p>我是外面p</p>

　　</body>

　　<script>

　　    $(function(){

　　       $("p").prependTo($("div"));//子元素添加到父元素里,并且添加到父元素内容的前面

　　    })

　　</script>

（编辑：晋中站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!