jquery append()方法使用详解|三体教程
文章目录

jquery append()方法使用详解

使用jquery向元素的尾部搜索入内容,我们应该使用append()方法。

下面我们就来看看详细的使用方法。

实例1

<p>我是一个p标签,正等待插入新的内容。</p>

<input type="button" id="btn" value="点击插入内容" />

<script>

$("#btn").click(function(){

    $("p").append("这是一段新内容。");

});

</script>

亲自测试一下

我们还可以使用函数来附加内容。

也就是使用函数在指定元素的结尾添加内容。

使用方法:

$(selector).append(function(index,html))

其中index为可选,接收选择器的index位置。

html也是可选的,接收选择器的当前HTML。

实例2

<h2>这里是头部</h2>

<p>这是一个段落。</p>

<p>这是另一个段落。</p>

<input type="button" id="btn" value="点击在每个p元素的结尾添加内容" />

<script>

$("#btn").click(function(){

    $("p").append(function(n){

      return "<b>这是p元素的索引:"+n+"</b>";

    });

});

</script>

亲自测试一下

需要注意的是,append() 和 appendTo()方法执行的任务相同。但是不同之处在于“内容的位置和选择器”。

本文网址:http://www.santii.com/article/61.html


数据更新时间:2018-05-25