jquery方法之append()与appendto()

最新推荐文章于 2022-05-16 21:21:17 发布

之苒

最新推荐文章于 2022-05-16 21:21:17 发布

阅读量9.7k

点赞数

分类专栏： JavaScript 文章标签： jquery function html button 文档任务

本文链接：https://blog.csdn.net/Mygis2005/article/details/7358262

版权

JavaScript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

在jQuery的文档操作方法中，append()和appentto()方法执行的任务相同，但是两者也有区别。

1、append()方法：在被选元素的结尾（但仍在元素内部）插入指定的内容。

a、语法：$(selector).append(content); 其中，参数content是必需的，指定要附加的内容。

b、append能够使用函数给被选元素附加内容，语法为：$(selector).append(function(index,html)); 其中，function()是必需的，参数index和html都是可选的。index表示接收选择器的index位置，html表示接收选择器的当前html。

例子：

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $("p").append(" <b>Hello jQuery!</b>");
  });
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>在每个 p 元素的结尾添加内容</button>
</body>
</html>

结果：

This is a paragraph. Hello jQuery!

This is another paragraph. Hello jQuery!

2、appendto()方法：在被选元素的结尾（但仍在元素的内部）插入指定的内容。但不能使用函数来附加内容。

语法：$(content).appendto(selector);

例子：

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $("<b> Hello jQuery!</b>").appendTo("p");
  });
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>在每个 p 元素的结尾添加内容</button>
</body>
</html>

结果：

This is a paragraph. Hello jQuery!
This is another paragraph. Hello jQuery!

之苒

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
jquery方法之append()与appendto()

在jQuery的文档操作方法中，append()和appentto()方法执行的任务相同，但是两者也有区别。1、append()方法：在被选元素的结尾（但仍在元素内部）插入指定的内容。 a、语法：$(selector).append(content); 其中，参数content是必需的，指定要附加的内容。b、append能够使用函数给被选元素附加内容，语法为：$(selecto
复制链接

扫一扫