当前位置:首页 > 开发 > Web前端 > Jquery > 正文

jQuery append 与 after 的区别

发表于: 2015-02-28   作者:小猪猪08   来源:转载   浏览:
摘要: 1、after函数 定义和用法: after() 方法在被选元素后插入指定的内容。 语法: $(selector).after(content) 实例: <html> <head> <script type="text/javascript" src="/jquery/jquery.js"></scr
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标签

jQuery append 与 after 的区别

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
还有其他类似方法,以后再加,直接上代码和图 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Tr
after、append、insertAfter都有向选定元素之后插入指定内容的功能,但还是有点不同的。 简单代码:
append是追加,html是完全替换 比如<p id="1"><p>123</p></p> $("#1").htm
这两个关键词,Insus.NET刚开始学习jQuery时,也被它弄得不好理解。现用得多了,运行与理解也不难了
最近俺在测试一个Java Web项目时,遇到了一个问题。这个问题对这个项目产生了很大的影响(主要 是项
最近俺在测试一个Java Web项目时,遇到了一个问题。这个问题对这个项目产生了很大的影响(主要 是项
触发器里 after 和 before的区别 after是先完成数据的增、删、改再触发 触发的语句晚于监视的增、删
确保以下文件在服务器上运行,什么原因?---不详。 下次介绍怎么快速搭建本地服务器,现在自行搜索
  今天有get到一个新知识点,就是当我们向页面添加新的元素之后,加载之前的函数方法就对新元素失
用法一源代码: public synchronized StringBuffer append(CharSequence s, int start, int end) {
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号