append在被选元素结尾插入内容，是被包围在所选元素的标签内的。

 <script>

     $('p').append('<a>http</a>');

 </script>

 <body>

   <p>在p标签内插入内容</p>

 </body>

//结果是：
<p>在p标签内插入内容<a>http</a></p>




appendTo在被选元素结尾插入内容，是被包围在所选元素的标签内的。他的方向和append相反。




 <script>

      $('<a>http</a>').appendTo('p');

 </script>

 <body>

    <p>在p标签内插入内容</p>

 </body>

//结果是：


<p>在p标签内插入内容<a>http</a></p>


 




after在被选元素之后插入内容，是在所选元素的标签外的。




 <script>

     $('p').after('<a>http</a>');

 </script>

 <body>

    <p>在p标签内插入内容</p>

 </body>

//结果是：


<p>在p标签内插入内容</p><a>http</a>




												


											
append, appendTo, after区别（preappend、before与这几个原理相同）的更多相关文章
	

    
						
  1. JQuery中after()  append() appendTo()的区别
		
    首先 after() 是追加在元素外边而append() appendTo()是追加在元素里面. $(selector).after(content) $("span").afte ...
    
		
    2. 
								
  2. jquery中 after append appendTo 的区别
		
    after:在选择的元素后面添加内容,不在选择的元素内 append:在选择的元素后面的里面添加内容 appendTo:将元素添加到选择的元素里面,而且添加的元素必须是jQuery对象
    
		
    3. 
						
  3. JQuery之append和appendTo的区别，还有js中的appendChild用法
		
    JQuery之append和appendTo的区别 append()前面是要选择的对象,后面是要在对象内插入的元素内容 appendTo()前面是要插入的元素内容且为Jquery对象,而后面是要选择的 ...
    
		
    4. 
						
  4. 比较jquery中的after(),append(),appendTo()方法
		
    html页面: <p id="myp1">我的兴趣爱好是:</p> <button id="b1">after函数</ ...
    
		
    5. 
						
  5. jQuqery append 和 after 区别
		
    jQuqery append 和 after 区别 append 是在被选元素内的结尾插入内容. 比如以下选中了 ol 元素,使用 append 后会在 <li> List Item 2  ...
    
		
    6. 
						
  6. Python3.x：python: extend (扩展) 与 append (追加) 的区别
		
    Python3.x:python: extend (扩展) 与 append (追加) 的区别 1,区别: append() 方法向列表的尾部添加一个新的元素.只接受一个参数: extend()方法只 ...
    
		
    7. 
						
  7. jQuery之设置元素内容(移动和复制元素,使用append(),appendTo()方法)
		
    jQuery之设置元素内容(移动和复制元素,使用append(),appendTo()方法) ---------- 如果想把内容添加到现有内容末尾,可以利用append()命令.append()命令语 ...
    
		
    8. 
						
  8. Jquery基础：append、prepend、after、before、appendTo的区别
		
    append() 是在被选元素的结束标签前面(即改被选元素的内部)插入指定内容. after() 是在被选元素的结束标签后面(即该被选元素的外部)插入指定的内容. appendTo() 仍然是在被选元 ...
    
		
    9. 
						
  9. append和appendTo的区别！
		
    今天在写dome的时候,碰到了一小点问题,就是我们想把一个小效果用jquery的办法添加到HTML页面中.我用的办法就是先在HTML中把代码写完,js和css同样写好并调试完成后.然后只保存外面最大的 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. linux安装chrome
			
    wget http://chrome.richardlloyd.org.uk/install_chrome.sh chmod u+x install_chrome.sh ./install_chrom ...
    
			
    2. 
						
  2. hbase 二级索引创建
			
    在单机上运行hbase 二级索引: import java.io.IOException; import java.util.HashMap; import java.util.Map; import ...
    
			
    3. 
						
  3. OpenGL教程之碰撞检测与模型运动
			
    下面我们要讨论的是如何快速有效的检测物体的碰撞和合乎物理法则的物体运动,先看一下我们要学的: 1)碰撞检测 ·移动的范围 — 平面 ·移动的范围 — 圆柱 ·移动的范围 — 运动的物体 2)符合物理规 ...
    
			
    4. 
						
  4. ubuntu安装jira步骤
			
    背景:前些日子在原来的一台云主机上已经部署了一个jira系统,使用一段时间后发现jira占用很多的系统资源,导致主机上的其他服务无法正常工作,于是老大新注册了一个云主机专门用于运行jira,可见公司对 ...
    
			
    5. 
						
  5. XAMPP下重置mysql密码
			
    安装XAMPP后,mysql默认是没有密码的,安全起见一般我们都会修改密码. 密码太多,经常会忘记密码,那么,我们可以通过通过以下步骤可以重置mysql密码. 步骤如下: 1. 停止mysql 2.  ...
    
			
    6. 
						
  6. 九章算法系列（#2 Binary Search）-课堂笔记
			
    前言 先说一些题外的东西吧.受到春跃大神的影响和启发,推荐了这个算法公开课给我,晚上睡觉前点开一看发现课还有两天要开始,本着要好好系统地学习一下算法,于是就爬起来拉上两个小伙伴组团报名了.今天听了第一 ...
    
			
    7. 
						
  7. SQL Server  错误18456
			
    第一步. 错误发生的场景 第二步. 找到引起错误的原因 第1步. 查看windows日志文件. 运行中输入 eventvwr (event viewer)打开日志文件查看器, 第三步. 解决方案,由第 ...
    
			
    8. 
						
  8. Nginx 配置指令的执行顺序（十）
			
    运行在 post-rewrite 阶段之后的是所谓的 preaccess 阶段.该阶段在 access 阶段之前执行,故名preaccess. 标准模块 ngx_limit_req 和 ngx_lim ...
    
			
    9. 
						
  9. U盘读写速度测试
			
    1.ATTO Disk Benchmark    测U盘读写速度 ATTO Disk Benchmark 是一款简单易用的磁盘传输速率检测软件,可以用来检测硬盘.U盘.存储卡及其它可移动磁盘的读取及写 ...
    
			
    10. 
						
  10. 可以供MFC调用的，QT实现的DLL（qtwinmigrate实现）
			
    MFC和QT的消息循环机制不同,所以,要让QT写的DLL可以供MFC调用,要做一点特殊的处理 #include <qmfcapp.h> #include <qwinwidget.h& ...
    
			
    11.