当前位置:首页 > 开发 > 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

    震惊

    震惊

版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号