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>
读到这里,这篇“jquery在div中怎么添加标签”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注编程网行业资讯频道。
免责声明:
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341