append,appendTo和prepend #1daae2

原创 2013年12月06日 10:16:14

1.append(content)                                                                                        

向每个匹配的元素内部追加内容。

1 <div>
2 <p name="p1">p1</p>
3 </div>

比如要向div中再添加一个p标签:

$('div').append('<p name="p2">p2</p>');  //结果为:

<div>
<p name="p1">p1</p>
<p name="p2">p2</p>
</div>

2.appendTO(content)                                                                  

把所有匹配的元素追加到另一个指定的元素元素集合中。

如果想达到append()中的效果,则代码如下:$('<p name="p2"></p>').appendTo('div').

 

3.prepend(content)                                                                    
向每个匹配的元素内部前置内容。

这是向所有匹配元素内部的开始处插入内容的最佳方式。

prepend(function(index, html))

返回一个HTML字符串,用于追加到每一个匹配元素的里边。接受两个参数,index参数为对象在这个集合中的索引值,html参数为这个对象原先的html值。

例1效果:$('div').prepend(function(0,'<p name="p2">p2</p>'));

小结:append(),appendTo()和prepend()都是在匹配元素的标签内追加,不同在于:append()和appendTo()是在元素的后面追加,而prepend()是在元素的最前面追加。

相关文章推荐

Dom 操作 append、prepend、after、before、appendTo

怎么用jquery动态创建节点 append 用于在元素的末尾追加元素 prepend 在元素的开始添加元素 after 在元素之后添加元素(添加兄弟) before 在元素之前添加元素(...

区别 after()|append() after()|prepend() appendTo() | prependTo()

[-] after函数定义和用法 after 方法在被选元素后插入指定的内容 语法 selectoraftercontent 实例append函数定义和用法 append 方法在被选元素的结尾...

auto_prepend_file与auto_append_file使用方法

auto_prepend_file与auto_append_file使用方法 如果需要将文件require到所有页面的顶部与底部。 第一种方法:在所有页面的顶部与底部都加入require语句。...
  • fdipzone
  • fdipzone
  • 2014年09月05日 00:07
  • 31570

JQuery中append(function(index,html)),appendTo(),after(function(index,html)),clone()方法

不多说废话,直接说要点 1. append(function(index, html)) 该方法是版本1.4 中新增的,其功能是将一个function 函数作为append 方法的参数,该 函数...

jquery after append appendTo三个函数的区别

jquery after append appendTo三个函数的区别 转自:http://blog.csdn.net/ljyabc1028/article/details/7341665 ...

js追加元素的几种方法(append()、prepend()、after()、before()、insertAfter()、insertBefore())

js追加元素的几种方法,append()、appendTo()、prepend()、prependTo()、after()、before()、appendChild()、insertAfter()、i...

知识点二:jQuery 添加方法>append()、prepend()、after()、before()之间的作用

知识点二:jQuery 添加方法>append()、prepend()、after()、before()之间的作用

使用auto_prepend_file和auto_append_file

如果希望使用require()将页眉和脚注加入到每个页面中,还有另外一种办法。在配置文件php.ini中有两个选项auto_prepend_file和auto_append_file。通过这两个选项来...

php.ini 配置auto_prepend_file和auto_append_file

一般都使用require()将页眉和脚注加入到每个页面中,但是除了传统的直接require以外,还有一种办法,就是使用配置文件php.ini中的两个选项auto_prepend_file和auto_a...

近期收集一些基于IEnumerable<T>扩展方法,它给我们带了很多便利,有时的确是实用的。其中有Alternate,Append,Prepend,Distinct,Contains。具体怎么用呢

近期收集一些基于IEnumerable扩展方法,它给我们带了很多便利,有时的确是实用的。其中有Alternate,Append,Prepend,Distinct,Contains。具体怎么用呢 ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:append,appendTo和prepend #1daae2
举报原因:
原因补充:

(最多只允许输入30个字)