append和appendTo的区别以及appendChild用法 (一个是js中,另两个是jquery中)

append和appendTo的区别以及appendChild用法

作者: 字体:[增加 减小] 类型:转载

很多新手朋友们对append和appendTo的区别以及js中的appendChild用法有所模糊,下面就举例为大家详细介绍下,感兴趣的朋友不要错过

append()前面是要选择的对象,后面是要在对象内插入的元素内容
appendTo()前面是要插入的元素内容且为Jquery对象,而后面是要选择的对象

实例:
$(‘#a‘).append(‘content‘);
$(‘<div>content</div>‘).appendTo($(‘#a‘));

注意appendTo前面一定要是Jquery对象。

appendChild(Node)这个 方法一般是在指定元素节点的最后一个子节点之后添加节点

但如果Node是页面中的DOM对象,那么就不是添加节点了,就是直接Move节点。

appendChild你可以理解为移动一个元素。如果想复制一份过去,要事先clone

时间: 2024-10-28 11:16:43

append和appendTo的区别以及appendChild用法 (一个是js中,另两个是jquery中)的相关文章

JQuery之append和appendTo的区别,还有js中的appendChild用法

JQuery之append和appendTo的区别 append()前面是要选择的对象,后面是要在对象内插入的元素内容 appendTo()前面是要插入的元素内容且为Jquery对象,而后面是要选择的对象 实例: $('#a').append('content'); $('<div>content</div>').appendTo($('#a')); 注意appendTo前面一定要是Jquery对象. appendChild(Node)这个 方法一般是在指定元素节点的最后一个子节点

转:jQ函数after、append、appendTo的区别

1.after函数定义和用法:after() 方法在被选元素后插入指定的内容.参考:http://keleyi.com/a/bjac/cfyxd60g.htm语法:$(selector).after(content)实例效果体验:http://keleyi.com/keleyi/phtml/jquery/13.htm实例代码: <html> <head> <title>jquery的after函数实例-柯乐义</title><base target=&

jQ函数after、append、appendTo的区别

1.after函数定义和用法:after() 方法在被选元素后插入指定的内容.语法:$(selector).after(content) 实例代码: <html><head><title>jquery的after函数实例-柯乐义</title><base target="_blank" /><script type="text/javascript" src="http://keleyi.c

jquery中append与appendTo方法区别

1. append(content)方法 方法作用:向每个匹配的元素内部追加内容. 参数介绍:content (<Content>): 要追加到目标中的内容. 用法示例: HTML代码为<p>I come from </p><p>I love  </p> 向所有p标签中追加一个单词china,则写法为 $("p").append("china"); 结果为:<p>I come from chin

append和appendTo的区别!

今天在写dome的时候,碰到了一小点问题,就是我们想把一个小效果用jquery的办法添加到HTML页面中.我用的办法就是先在HTML中把代码写完,js和css同样写好并调试完成后.然后只保存外面最大的盒子,保证jq能找到代码的插入位置.然后把代码复制到js文件中,采用字符串拼接的方式,请看下面的代码: 1 var str='<div class="cen1">1</div>'+ 2 '<div class="cen2">2<

DOM内部插入append()与appendTo()

DOM内部插入append()与appendTo() 动态创建的元素是不够的,它只是临时存放在内存中,最终我们需要放到页面文档并呈现出来.那么问题来了,怎么放到文档上? 这里就涉及到一个位置关系,常见的就是把这个新创建的元素,当作页面某一个元素的子元素放到其内部.针对这样的处理,jQuery就定义2个操作的方法

jQuery中attr,prop区别

前2篇jQuery笔记中,分别总结了jQuery中attr()和prop()的用法,大家可能会发现这两个方法在使用起来非常类似 没有看过的童鞋可移步:attr()用法  http://www.cnblogs.com/zwwhnly/p/7383960.html   prop()用法 http://www.cnblogs.com/zwwhnly/p/7389295.html 本篇笔记主要总结下attr(),prop()之间的区别 假使页面上如如下Html标签: <input type="ch

jquery中$.each()的用法

each()函数是基本上所有的框架都提供了的一个工具类函数,通过它,你可以遍历对象.数组的属性值并进行处理.jQuery和jQuery对象都实 现了该方法,对于jQuery对象,只是把each方法简单的进行了委托:把jQuery对象作为第一个参数传递给jQuery的each方法.换句话 说:jQuery提供的each方法是对参数一提供的对象的中所有的子元素逐一进行方法调用.而jQuery对象提供的each方法则是对jQuery内 部的子元素进行逐个调用. each函数根据参数的类型实现的效果不完

jQuery中美元符号&quot;$&quot;的用法

jQuery中的“$” 在jQuery中,最频繁使用的符号“$”.$提供了各种各样丰富的功能, 包括选择页面中的一个或是一类元素,作为功能函数的前缀,window.onload的 完善,创建页面的DOM节点等... 1.选择器 在CSS中选择器的作用是选择页面中某一类(类别选择器)元素或者某一个元素(ID选择器) ,而jQuery中的"$"作为选择器,同样是选择某一类或某一类元素,只不过jQuery提供了 更多更全面的选择方式.并且为用户处理了浏览器的兼容问题 CSS可以通过如下代码来