append()和appendTo(),prepend()和prependTo()区别

关键词：内部  插入 末端

$(目标元素).append(content)   在。。。。内部的末端插入内容

　　　　html:     <p>这是目标元素</p>

　　　　jquery:  $("p").append("，这是append插入部分")

那么执行后的结果就是：

　　　　html：<p>这是目标元素，这是append插入部分</p>

　　　　　　　

$(content).appendTo(目标元素)  把内容插入到。。。。内部的末端

　　　　jquery:  $("这是appendTo插入部分").appendTo("p")

结果：

　　　　html：<p>这是目标元素，这是appendTo插入部分</p>

　　


关键词：内部  插入 首端

$(目标元素).prepend(content)  在。。。。首端的内部插入内容

　　　　html:     <p>这是目标元素</p>

　　　　jquery:  $("p").prepend("这是prepend插入的内容，")

那么执行后的结果就是：

　　　　html： <p>这是prepend插入的内容，这是目标元素</p>

$(content).prependTo(目标元素)  把内容插入到。。。内部的首端

　　　　jquery:  $("这是prependTo插入的内容，").appendTo("p")

那么执行后的结果就是：

　　　　html： <p>这是prependTo插入的内容，这是目标元素</p>

时间： 2024-10-18 07:15:12

append()和appendTo(),prepend()和prependTo()区别的相关文章

关于append，appendTo,prepend,prependTo的区别

之前做项目对于这几个的方法总是有点模糊,尤其是prepend和prependTo; 1.append <style> span{ background:yellow; } .test{ background:#ccc; height:50px; } .test_1{ background:red; } </style> <body> <div class="test"><span class="test_1"&g

jquery append，appendTo，prepend，prependTo 介绍

在jquery权威指南里面学习到这一章,很有必要介绍一下里面的内容: 首先是append(content)这个函数: 意思是将内容content加入到所选择的对象内容的后面 例如:$("div").append("<p>" +  hello + "</p>"); 意为在所有div元素里面添加一个p标签,标签内容为hello,如果div元素里面有其他的内容则在原来的内容后面添加新的内容 然后是appendTo(content

转：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=&

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

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

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

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

append appendChild appendTo区别

1.append和appendChild的区别 append是jquery文档操作用法 ① append() 方法在被选元素的结尾(仍然在内部)插入指定内容. $(selector).append(content) 1 $("button").click(function(){ 2 $("p").append(" <b>Hello world!</b>"); 3 }); ②使用函数在指定元素的结尾插入内容. $(selec

js中常用追加元素的几种方法：append，appendTo，after，before，insertAfter，insertBefore，appendChild

js中常用追加元素的几种方法,点击下面每个按钮,即可查看效果 我是第一个子元素 我是第二个子元素 append appendTo prepend prependTo after before appendChild insertAfter insertBefore

DOM—外部插入.after()、.before()、.insertAfter()和.insertBefore()与内部插入.prepend()和.prependTo()

外部插入.after()..before()..insertAfter()和.insertBefore()与内部插入.prepend()和.prependTo() 1   .after(content)在匹配元素集合中的每个元素后面插入参数所指定的内容,作为其兄弟节点 2   .before(content)据参数设定,在匹配元素的前面插入内容 3   .after()和.before()共同点 都是用来对相对选中元素外部增加相邻的兄弟节点 都可以接收HTML字符串.DOM元素.元素数组,或者J

append()函数与html()函数的区别

append()函数与html()函数的区别:其实这两个函数的区别是蛮大的,比如append()函数可以向指定元素尾部追加元素对象,而html()函数就不可以.他们两者最为相似的功能,就是为指定元素设置html内容的时候.代码实例如下: <!DOCTYPE html><html> <head> <meta charset=" utf-8"> <meta name="author" content="ht