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

JQuery之append和appendTo的区别

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

实例:

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

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

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

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

js中的appendChild用法

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

转:

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

时间: 2024-08-02 06:58:36

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

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

append和appendTo的区别以及appendChild用法 作者: 字体:[增加 减小] 类型:转载 很多新手朋友们对append和appendTo的区别以及js中的appendChild用法有所模糊,下面就举例为大家详细介绍下,感兴趣的朋友不要错过 append()前面是要选择的对象,后面是要在对象内插入的元素内容 appendTo()前面是要插入的元素内容且为Jquery对象,而后面是要选择的对象 实例: $('#a').append('content'); $('<div>con

转: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<

jQuery的append和appendTo

这两个关键词,Insus.NET刚开始学习jQuery时,也被它弄得不好理解.现用得多了,运行与理解也不难了. 查了英文词典append的意思是"添加,附加": 而后者appendTo意思是" 添加至,附加至". 在下面两篇中,均可以看到这两个方法的应用:<文本框下面有两个铵钮,点就加点减就减>http://www.cnblogs.com/insus/p/3741130.html<动态创建一些常的html标签>http://www.cnblo

jQuery parent.append和$after的区别

首先假设我们有个id为test的div和一个id为test2的div: <div id="test">     我是测试div </div> <div id="test2">     我是test2! </div> append是在指定元素内部比如: $("#test").append("<div>测试文字</div>"); 执行结果: <div i

Angular JS中$timeout的用法及其与window.setTimeout的区别

$timeout的用法 angular.js的$timeout指令对window.setTimeout做了一个封装,它的返回值是一个promise对象.当定义的时间到了以后,这个promise对象就会被resolve,回调函数就会被执行. 如果需要取消一个timeout,调用$timeout.cancel(promise)方法. 用法: $timeout(fn, [delay], [invokeApply]): fn: 回调函数(必填) delay: number类型.延迟的时间(非必填),如果

js中callback.call()和callback()的区别

js中callback.call()和callback()的区别在js中callback.call()和callback() 有什么区别,举个例子:function a(){alert('hello!');}function b(callback){callback();}function c(callback){callback.call();}function test(){b(a);c(a);}在test函数中,b和c的效果是一样的,都执行了回调函数a.这两种用法有什么区别呢? -----