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. Oracle运维服务的四根救命稻草
			
    企业信息化系统建设按生命周期可分为IT规划阶段.IT建设阶段和IT运维阶段,其中,IT运维阶段的时间最长,IT运维管理关乎着IT运维的质量.成本和速度,更关乎着IT系统的安全.连续和可用.大数据云计算 ...
    
			
    2. 
						
  2. 动态链接库的生成（dll）和 动态链接库隐式and显式调用
			
    一.构建动态链接库(dll.dll dll.lib dll.h) 说明: .dll 是在执行程序是调用  .lib 是在连接程序是调用  .h是在编译程序时调用 1.头文件(声明导入函数):_decl ...
    
			
    3. 
						
  3. Hadoop配置文件-mapred-site.xml
			
    name value Description hadoop.job.history.location   job历史文件保存路径,无可配置参数,也不用写在配置文件里,默认在logs的history文件 ...
    
			
    4. 
						
  4. 使用 phpMailer 基于(SMTP) 发送邮件
			
    PHPMailer是一个用于发送电子邮件的PHP函数包.它提供的功能包括:在发送邮时指定多个收件人,抄送地址,暗送地址和回复地址.支持多种邮件编码包括:8bit,base64,binary和quote ...
    
			
    5. 
						
  5. windows10快捷键
			
    • 贴靠窗口:Win +左/右> Win +上/下>窗口可以变为1/4大小放置在屏幕4个角落  • 切换窗口:Alt + Tab(不是新的,但任务切换界面改进)  • 任务视图:Win + ...
    
			
    6. 
						
  6. 今天在研究jquery用ajax提交form表单中得数据时，学习到了一种新的提交方式
			
    今天在研究jquery用ajax提交form表单中得数据时,学习到了一种新的提交方式 jquery中的serialize() 方法 该方法通过序列化表单值,创建 URL 编码文本字符串 序列化的值可在 ...
    
			
    7. 
						
  7. SQL Server 日志文件增长原因定位
			
    方法 1.sys.databases; -------------------------------------------------------------------------------- ...
    
			
    8. 
						
  8. 在WPF中自定义你的绘制（一）
			
    原文:在WPF中自定义你的绘制(一)   在WPF中自定义你的绘制(一)                                                                 ...
    
			
    9. 
						
  9. 关于清晰讲解linux正则表达式的博文分享
			
    http://www.cnblogs.com/chengmo/archive/2010/10/10/1847287.html  linux shell 正则表达式(BREs,EREs,PREs)差异比 ...
    
			
    10. 
						
  10. 2.4 statistical decision theory
			
    在讲完最小二乘(linear regression)和K近邻后,进入本节. 引入符号: $X\in R^p$ X为维度为p的输入向量 $Y\in R$ Y为输出,实数 $P(X,Y)$ 为两者的联合概 ...
    
			
    11.