jquery:after、append与appendTo用法
来源:互联网 发布:r语言数据分析实例过程 编辑:程序博客网 时间:2024/05/18 02:40
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函数是一样,只不过它们的写法是反着来写的而已
备注:before函数与after函数相反,表示是元素的前面加入指定元素
阅读全文
0 0
- jquery:after、append与appendTo用法
- jquery append appendTo after 区别
- Jquery的append/after/appendTo
- Jquery append appendTo after的区别
- appendTo & append & after & appendChild
- jquery append appendTo before after insertAfter insertBefore prepend prependTo用法区别
- jQuery中append、appendTo、prepend、prependTo、before、insertBefore、after与insertAfter方法总结
- 【JS--Jquery】--append() 和appendTo()用法
- jquery中的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 after append appendTo三个…
- jquery after before append appendto prepend prependto的区别
- jquery方法之append()与appendto()
- 想知道支付宝(Android版)使用了哪些开源项目?
- python递归打印某个目录的内容
- 迷失岛 解谜游戏
- js.event之clkick
- Rop开发手册(6):最简单的服务开放平台框架
- jquery:after、append与appendTo用法
- 对象池(Object Pool)模式
- 华为笔试:简单密码
- php笔试题一
- 淘宝客服快速回复语
- Rop开发手册(5):最简单的服务开放平台框架
- linux 调试core文件
- 达内课程-布局控件之GridLayout
- Codeforces Round #430 (Div. 2)C. Ilya And The Tree dfs D