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. jsp include 乱码问题的解决
			
    jsp include 乱码问题的解决 博客分类: Java JSPWeb浏览器IESpring  jsp include 乱码问题的解决 jsp include 的文件有时候会出现乱码,经过测试发现 ...
    
			
    2. 
						
  2. HDU 5794 - A Simple Chess
			
    HDU 5794 - A Simple Chess题意: 马(象棋)初始位置在(1,1), 现在要走到(n,m), 问有几种走法 棋盘上有r个障碍物, 该位置不能走, 并规定只能走右下方 数据范围:  ...
    
			
    3. 
						
  3. Java数组的复制
			
    初学Java的时候,需要复制数组的时候,一下子就想到使用赋值语句“=”,例如:array1 = array2:但后来慢慢发现,这个语句并不能将array2的内容复制给array1,而是将array2的 ...
    
			
    4. 
						
  4. 配置nginx静态资源路径
			
    1.修改nginx.conf文件 server节点下location节点的 root目录修改 location / { root html; index index.html index.htm; } ...
    
			
    5. 
						
  5. Transition 所支持的css属性
			
    transition-property是用来指定当元素其中一个属性改变时执行transition效果: 所支持的属性类型如下: color: 通过红.绿.蓝和透明度组件变换(每个数值处理)如:back ...
    
			
    6. 
						
  6. ubtuntu 下 使用svn命令
			
    SVN作为日常开发中不可缺少的工具,今天终于开始在Ubuntu下使用了. 1.首先需要安装SVN.Ubuntu下的SVN安装十分简单,sudo apt-get install subversion,然 ...
    
			
    7. 
						
  7. JAVA笔记（一）super and this
			
    http://zhangjunhd.blog.51cto.com/113473/20531 总结关键字this与super用法. author: ZJ 07-3-12 Blog: [url]http: ...
    
			
    8. 
						
  8. Python Challenge 过关心得（0）
			
    最近开始用Openerp进行开发,在python语言本身上并没有什么太大的进展,于是决定利用空闲时间做一点python练习. 最终找到了这款叫做Python Challenge(http://www. ...
    
			
    9. 
						
  9. 三角形(hd1249)
			
    三角形 Problem Description 用N个三角形最多可以把平面分成几个区域?   Input 输入数据的第一行是一个正整数T(1<=T<=10000),表示测试数据的数量.然后 ...
    
			
    10. 
						
  10. 字符排序（hdoj1106）
			
    Problem Description 输入一行数字,如果我们把这行数字中的‘5’都看成空格,那么就得到一行用空格分割的若干非负整数(可能有些整数以‘0’开头,这些头部的‘0’应该被忽略掉,除非这个整 ...
    
			
    11.