jquery after append appendTo三个函数的区别
来源:互联网 发布:铃声助手mac版 编辑:程序博客网 时间:2024/05/16 12:20
jquery after append appendTo三个函数的区别
转自:http://blog.csdn.net/ljyabc1028/article/details/7341665
1、after函数
定义和用法:
after() 方法在被选元素后插入指定的内容。
语法:
$(selector).after(content)
实例:
<html><head><script type="text/javascript" src="/jquery/jquery.js"></script><script type="text/javascript">$().ready(function(){ $("button").click(function(){ $("span").after("<a href="#">ddddd</a>") })})</script></head><body><span>aaaaaaaaaaaaaaa</span><button>after函数</button></body></html>
结果如下:
<span>aaaaaaaaaaaaaaa</span>
<a href="#">ddddd</a>
span标签后面多了一个a标签
2、append函数
定义和用法:
append() 方法在被选元素的结尾(仍然在内部)插入指定内容。
语法:
$(selector).append(content)
实例:
<html><head><script type="text/javascript" src="/jquery/jquery.js"></script><script type="text/javascript">$().ready(function(){ $("button").click(function(){ $("span").append("<a href="#">ddddd</a>") })})</script></head><body><span>aaaaaaaaaaaaaaa</span><button>after函数</button></body></html>
结果如下:
<span>aaaaaaaaaaaaaaa<a href="#">ddddd</a></span>
span标签里面多了一个a标签
3、appendTo函数
定义和用法:
appendTo() 方法在被选元素的结尾(仍然在内部)插入指定内容。
语法:
$(content).appendTo(selector)实例:
<html><head><script type="text/javascript" src="/jquery/jquery.js"></script><script type="text/javascript">$().ready(function(){ $("button").click(function(){ // $("span").appendTo("<a href="#">ddddd</a>"),这样的写法是不正确的$("<a href="#">ddddd</a>").appendTo("span") })})</script></head><body><span>aaaaaaaaaaaaaaa</span><button>after函数</button></body></html>
结果如下:
<span>aaaaaaaaaaaaaaa<a href="#">ddddd</a></span>
span标签里面多了一个a标签
效果和append函数是一样,只不过它们的写法是反着来写的而已
- jquery after append appendTo三个函数的区别
- jquery after append appendTo三个函数的区别
- jquery after append appendTo三个函数的区别
- jquery after append appendTo三个函数的区别
- jquery after append appendTo三个函数的区别
- jquery after append appendTo三个函数的区别
- Jquery append appendTo after的区别
- jQ函数after、append、appendTo的区别
- jquery append appendTo after 区别
- Jquery的append/after/appendTo
- jquery after before append appendto prepend prependto的区别
- jquery after append appendTo三个…
- jQuery中append和appendTo函数的区别详解
- 区别 after()|append() after()|prepend() appendTo() | prependTo()
- jquery append()和appendTo()的区别
- jquery中append()和appendTo()的区别
- Jquery的append()和appendTo()区别
- jquery:after、append与appendTo用法
- andrid 读取Word文件 (无格式)
- 自己设计的一道ACM风格的程序设计训练题:大货车极限送货
- java 打jar包 (使用Eclipse)
- xcode代码提示功能失效的解决方法
- ListView创建列和设置数据并保存成xml
- jquery after append appendTo三个函数的区别
- asmlinkage如何理解
- POJ 3020 Antenna Placement
- vs2008编译出现错误 error C2220: 警告被视为错误 - 没有生成“object”文件
- 和菜鸟一起学linux之V4L2摄像头应用流程
- js原型对象理解
- 特殊的三位数
- 云时代的个人管理
- 存储过程学习