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. Core Bluetooth下实现两个设备进行互联
			
    一.外设管理者 - 发布广告 如果两部手机在BLE的基础上进行连接,需要让其中一部手机作为外设,外设需要进行广播自己需要发布的数据,以供中心设备的接收和处理. 实现外设广播数据并且处理发送过程当中的流 ...
    
			
    2. 
						
  2. ASP.NET MVC 自定义错误页面心得
			
    自定义错误页面的目的,就是为了能让程序在出现错误/异常的时候,能够有较好的显示体验. 所以,首先要先了解,我们可以在哪里捕获异常. 当程序发生错误的时候,我们可以在两个地方捕获: Global里面的A ...
    
			
    3. 
						
  3. Linq 查询基本操作
			
    - from 子句 - where 子句 - select子句 - group 子句 - into 子句 - orderby 子句 - join 子句 - let 子句 - 复合from子句 - 在某 ...
    
			
    4. 
						
  4. $(document).ready()与window.onload的区别（转发）
			
    1.执行时间window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行.$(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕.2.编写个数不同wind ...
    
			
    5. 
						
  5. 克隆虚拟机后修改MAC地址
			
    克隆后的主机找不到eth0 修改 /etc/udev/rules.d/70-persistent-net.rules 删除原eth0的信息,将eth1的name改为eth0 修改 /etc/sysco ...
    
			
    6. 
						
  6. （转）（VS2013 ）由于应用程序配置不正确,程序未能启动”－－原因及解决方法
			
    今天把别人的程序拿过来编译时通过,但是运行的时候,提示:由于应用程序配置不正确,程序未能启动 搜了一下,各种方法.最终通过下面的方法解决的. 项目--->配置属性---->链接器----& ...
    
			
    7. 
						
  7. 使用HTML5的页面资源预加载(Link prefetch)功能加速你的页面加载速度
			
    不管是浏览器的开发者还是普通web应用的开发者,他们都在做一个共同的努力:让Web浏览有更快的速度感觉.有很多已知的技术都可以让你的网站速度变得更快:使用CSS sprites,使用图片优化工具,使用 ...
    
			
    8. 
						
  8. AngularJS之Factory vs Service vs Provider
			
    原文  http://www.linuxeden.com/html/news/20140509/151538.html 当你初试 Angular 时,很自然地就会往 controller 和 scop ...
    
			
    9. 
						
  9. 浅谈UE4引擎
			
    首先要说的是,游戏开发是一项高度复杂的代码开发工作,编程语言只是最基本的知识,它涉及的内容还有计算机图形学.3D数学.物理学等复杂的学科.但是若需要学完这么多知识才能开发游戏,恐怕许多人都已经断气了, ...
    
			
    10. 
						
  10. TextArea里Placeholder换行问题
			
    页面上使用TextArea控件时,会时不时的想给个提示,比如按照一定方式操作之类的.正常情况下,会使用Placeholder,但这样的提示是不会换行的,无论是用\r\n,还是用<br/>, ...
    
			
    11.