曾无好事来相访,赖尔高文一起予。这篇文章主要讲述Jquery基础:appendprependafterbeforeappendTo的区别相关的知识,希望能为你提供帮助。
append() 是在被选元素的结束标签前面(即改被选元素的内部)插入指定内容。
< html> < head> < script type="text/javascript" src="https://www.songbingjia.com/jquery/jquery.js"> < /script> < script type="text/javascript">
$().ready(function(){ $("button").click(function(){ $("span").append("< a href="https://www.songbingjia.com/android/#"> ddddd< /a> ") })
}) < /script> < /head> < body> < span> aaaaaaaaaaaaaaa< /span> < button> after函数< /button> < /body> < /html>
结果如下:
< span> aaaaaaaaaaaaaaa< a href="https://www.songbingjia.com/android/#"> ddddd< /a> < /span>
span标签里面多了一个a标签
after() 是在被选元素的结束标签后面(即该被选元素的外部)插入指定的内容。
< html> < head> < script type="text/javascript" src="https://www.songbingjia.com/jquery/jquery.js"> < /script> < script type="text/javascript"> $().ready(function(){ $("button").click(function(){ $("span").after("< a href="https://www.songbingjia.com/android/#"> ddddd< /a> ") })
}) < /script> < /head> < body> < span> aaaaaaaaaaaaaaa< /span> < button> after函数< /button> < /body> < /html>
结果如下:
< span> aaaaaaaaaaaaaaa< /span>
< a href="https://www.songbingjia.com/android/#"> ddddd< /a>
span标签后面多了一个a标签
appendTo() 仍然是在被选元素的结束标签前面(即改被选元素的内部)插入指定内容,只不过是jQuery函数的写法不太相同。
< html> < head> < script type="text/javascript" src="https://www.songbingjia.com/jquery/jquery.js"> < /script> < script type="text/javascript">
$().ready(function(){ $("button").click(function(){ // $("span").appendTo("< a href="https://www.songbingjia.com/android/#"> ddddd< /a> "),这样的写法是不正确的 $("< a href="https://www.songbingjia.com/android/#"> ddddd< /a> ").appendTo("span") })
}) < /script> < /head> < body> < span> aaaaaaaaaaaaaaa< /span> < button> after函数< /button> < /body> < /html>
结果如下:
< span> aaaaaaaaaaaaaaa< a href="https://www.songbingjia.com/android/#"> ddddd< /a> < /span>
span标签里面多了一个a标签
【Jquery基础(appendprependafterbeforeappendTo的区别)】效果和append函数是一样,只不过它们的写法是反着来写的而已
pretend()和before()的区别与append()和after()的区别是一样的。
推荐阅读
- Android开机logo修改方法
- android炫酷动画源码,QQ菜单瀑布流二维码源码
- 亮相USENIX,百度安全OASES成安卓护花使者
- Unity 安卓 BuildAndRun 模式
- Android之密码的显示与隐藏
- 使用原app接口进行微信公众号开发
- oracle 从一张表的数据复制到另一张表中mapper.xml
- [转]Appium搭建六(安装Android模拟器)
- Kotlin(Android世界的Swift)