Jquery基础:append、prepend、after、before、appendTo的区别
2015-06-08 10:45
1001 查看
append() 是在被选元素的结束标签前面(即改被选元素的内部)插入指定内容。
after() 是在被选元素的结束标签后面(即该被选元素的外部)插入指定的内容。
appendTo() 仍然是在被选元素的结束标签前面(即改被选元素的内部)插入指定内容,只不过是jQuery函数的写法不太相同。
pretend()和before()的区别与append()和after()的区别是一样的,略。
分析用的源码:
after() 是在被选元素的结束标签后面(即该被选元素的外部)插入指定的内容。
appendTo() 仍然是在被选元素的结束标签前面(即改被选元素的内部)插入指定内容,只不过是jQuery函数的写法不太相同。
pretend()和before()的区别与append()和after()的区别是一样的,略。
分析用的源码:
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script> <script type="text/javascript"> $().ready(function(){ $("#button1").click(function(){ $("span").append('<a href="#">append方法</a>'); }) $("#button2").click(function(){ $("span").after('<a href="#">after方法</a>'); }) $("#button3").click(function(){; $('<a href="#">appendTo方法</a>').appendTo("span"); }) }) </script> </head> <body> <span>JQuery的append、after、appendTo、pretend、before方法的区别</span> <button id="button1">append</button> <button id="button2">after</button> <button id="button3">appendTo</button> <p>要想看出区别,请F12看源码,右击不行</p> </body> </html>
相关文章推荐
- Cocos2d-x 3.2:定时器的使用和原理探究(1)
- Objective-C关键字self和super详解
- cocos2d-x 游戏实战经验(三) 多分辨率的自适应(上)
- 使用Xcode和Instruments调试解决iOS内存泄漏
- Android——SharedPreferences实现登录界面的记住密码和自动登录功能
- swift菜鸟群 欢迎学Swfit 的新手 老手加入 102916734
- 在Unity3D中动态创建对象和创建Prefab原型对象的三种方式
- cocos2dx 按钮重复渐变效果的实现
- unity3d ngui 利用 UIAtlas 动态创建 UISprite
- Cocos2d-x 3.2:通过ClippingNode实现一个功能完善的跑马灯公告(2)
- GitHub 上排名前 100 的 Objective-C 项目简介
- Cocos2d-x 3.2:通过ClippingNode实现一个功能完善的跑马灯公告(1)
- 细碎知识要点 备忘录
- Appium移动自动化测试(三)--安装Android模拟器
- Unity判断手势触摸的类型 ,判断手势的滑动方向,并获取刚触摸以及触摸结束事的坐标
- 关于WebView的那些事
- Android4.4 wpa_supplicant深入分析之wpa_supplicant初始化流程续
- Objective-C Autorelease Pool 的实现原理
- atitit. orm mapping cfg 映射配置(3)-------hbnt one2maney cfg
- iOS 运行时runtime控制私有变量以及私有方法