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. JQ 模仿注册时等待的时间
			
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
    
			
    2. 
						
  2. GDAL的安装和配置（编译proj.4）
			
    1.下载地址 http://trac.osgeo.org/gdal/wiki/DownloadSource 下面是两个版本: http://pan.baidu.com/s/1bntuXER  (1.1 ...
    
			
    3. 
						
  3. 变量 - PHP手册笔记
			
    基础 PHP中的变量用一个美元符号后面跟变量名来表示.变量名是区分大小写的,并且出现中文可能也是合法的. 变量默认总是传值赋值.PHP也提供了另外一种方式给变量赋值:引用赋值.这意味着新的变量简单的引 ...
    
			
    4. 
						
  4. python针对于mysql的增删改查
			
    无论是BS还是CS得项目,没有数据库是不行的. 本文是对python对mysql的操作的总结.适合有一定基础的开发者,最好是按部就班学习的人阅读.因为我认为人生不能永远都是从零开始,那简直就是灾难.  ...
    
			
    5. 
						
  5. python中的星号*、**的意义
			
    我们都知道,定义一个函数,当传入的参数个数未知时就可以使用*来表示. 单引号*: def test(*args): if len(args) >= 4: print(arg[3]) test(1 ...
    
			
    6. 
						
  6. 算法分析-插入排序INSERT_SORT与选择排序SELECT_SORT【线性方法】
			
    var A = [5, 2, 4, 6, 1, 3]; console.log("排序前-:") A.forEach(function (element, index, arr)  ...
    
			
    7. 
						
  7. python学习day4
			
    目录 一.迭代器 二.yield生成器 三.装饰器 四.递归 五.基础算法 迭代器 #1.在不使用for循环的情况下 li = [11 ,22, 33, 44] #count = len(li) #s ...
    
			
    8. 
						
  8. Ajax日记
			
    简要讲Ajax 的内容归纳为博客. AJAX能且仅能从服务器上读取文件,我们使用ajax的时候分为以下几个步骤: 1.  创建ajax对象 2.  链接服务器 3.  发送请求 4.  接收返回值 下 ...
    
			
    9. 
						
  9. 解决同一PC同一浏览器session共享问题
			
    首先session是同一PC同一浏览器共享的.比如如下代码: public void doPost(HttpServletRequest request, HttpServletResponse re ...
    
			
    10. 
						
  10. Windows Components Reference(Windows组件参考)
			
    原文 http://www.msfn.org/board/topic/127287-windows-components-reference/ green means the component na ...
    
			
    11.