jQuery中append和appendTo函数的区别详解
来源:互联网 发布:淘宝古玩网 编辑:程序博客网 时间:2024/06/05 08:58
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标签
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中append和appendTo函数的区别详解
- jquery中append()和appendTo()的区别
- jquery中append和appendto的用法和区别
- 关于jquery中append和appendto的区别
- 关于jquery中append和appendto的区别
- jquery append()和appendTo()的区别
- Jquery的append()和appendTo()区别
- append()和appendTo()的区别
- append 和 appendTo的区别
- 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 的区别
- JQuery之append和appendTo的区别,…
- jquery中append与appendTo方法区别
- java小程序之打印一定范围内的素数
- 初始化mysql数据库提示缺少Data:dumper模块解决方法
- WebStorm安装与破解
- Tensorflow Windows下安装
- hadoop二次format后datanode不启动解决
- jQuery中append和appendTo函数的区别详解
- 嵌入式linux内核的制作
- Fragment+ListView实现碎片化管理订单(另附自定义布局AlertDialog弹窗的设置)
- JAVA企业面试题精选 Java基础 21-30
- scikit-learn/logistic regression识别mnist
- NIO 读大文件
- bzoj P3172 [Tjoi2013]单词
- Wireshark的作用
- 杭电1867