`
webcode
  • 浏览: 5957333 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

jquery prepend和prependTo的区别

 
阅读更多

PrependTo:将DOMB添加到另外一个DOMA或jquery对象中


把所有匹配的元素前置到另一个、指定的元素元素集合中。
实际上,使用这个方法是颠倒了常规的$(A).prepend(B)的操作,即不是把B前置到A中,而是把A前置到B中。
例:

<p>I would like to say: </p><div id="foo"></div>
Jquery:$("p").prependTo("#foo");
结果:<div id="foo"><p>I would like to say: </p></div>

Prepend:DOMA中添加DOMB并将其前置在DOMA中。

向每个匹配的元素内部前置内容。
这是向所有匹配元素内部的开始处插入内容的最佳方式。
例:<p>I would like to say: </p>

jquery:$("p").prepend("<b>Hello</b>");

结果:[ <p><b>Hello</b>I would like to say: </p> ]

PS:$('p').prepend('sssssss');

$('sssssss').prependTo('p');

后者是不能执行的。

在prepend中可以写成$('p').prepend('sssssss');或$('p').prepend(' <p>sssssss<p>');

但是在prependTo中只能写成$('<p>sssssss<p>').prependTo('p'); 而不能是$('sssssss').prependTo('p');

分享到:
评论

相关推荐

    jQuery中prependTo()方法用法实例

    prependTo()方法的作用和prepend()方法是相同的,但是在语法上是有差别的,虽然在形式上看起来是一样的。 语法结构: 代码如下:$(selector).prependTo(content) 参数列表: 参数 描述 selector 要被插入的匹配...

    jQuery中append、insertBefore、after与insertAfter方法注意事项

    jQuery中append、appendTo、prepend、prependTo、before、insertBefore、after与insertAfter方法注意事项

    jQuery中prepend()方法使用详解

    prepend()方法将指定元素插入匹配元素按内部的开头,其作用和prependTo()方法基本相同,只在语法上有差别,虽然说在语法形式上看基本相同。 下面介绍下语法结构: 代码如下: $(selector).prepend(content) 参数...

    jQuery操作元素追加内容示例

    主要介绍了jQuery操作元素追加内容,结合完整实例形式分析了jquery页面元素追加相关操作方法,包括append、appendTo、prepend、prependTo等方法使用技巧,需要的朋友可以参考下

    jQuery 1.4.1 中文参考

    6.1.6 prependTo(content) 94 6.2 外部插入 95 6.2.1 after(content) 95 6.2.2 after(function) 95 6.2.3 before(content) 96 6.2.4 before(function) 96 6.2.5 insertAfter(content) 97 6.2.6 insertBefore(content...

    JQuery新版中文手册

    prepend(content|fn) prependTo(content) 外部插入 after(content|fn) before(content|fn) insertAfter(content) insertBefore(content) 包裹 wrap(html|ele|fn) unwrap() wrapall(html|ele) wrapInner...

    jQuery 1.5 API 中文版

    $.jQuery( selector [, context] ), .jQuery( element ), .jQuery( elementArray ), .jQuery( jQueryObject ), .jQuery( ) $.jQuery( html [, ownerDocument] ), .jQuery( html, props ) $.jQuery( fn ) jQuery ...

    jQuery详细教程

    jQuery 隐藏和显示 通过 hide() 和 show() 两个函数,jQuery 支持对 HTML 元素的隐藏和显示: 实例 $("#hide").click(function(){ $("p").hide(); }); $("#show").click(function(){ $("p").show(); }); 亲自试一试 ...

    jquery1.11.0手册

    prepend(content|fn) prependTo(content) 外部插入 after(content|fn) before(content|fn) insertAfter(content) insertBefore(content) 包裹 wrap(html|ele|fn) unwrap() wrapAll(html|ele) wrapInner...

    Jquery 1.3 简体中文手册

    prependTo(content) 外部插入 after(content) before(content) insertAfter(content) insertBefore(content) 包裹 wrap(html) wrap(elem) wrapAll(html) wrapAll(elem) wrapInner(html) wrapInner(elem) ...

    JQuery 1.3 中文参考手册

    prependTo(content) 外部插入 after(content) before(content) insertAfter(content) insertBefore(content) 包裹 wrap(html) wrap(elem) wrapAll(html) wrapAll(elem) wrapInner(html) wrapInner(elem) ...

    JQuery1.3笔记.txt

    一個隨身的技巧手冊,txt版本的,所以,廣大友人可以在公車上,電梯間,抑或者睡前三分鐘,鞏固和複習, 減少浪費生命的行為 Attribute: $(“p”).addClass(css中定义的样式类型); 给某个元素添加样式 $(“img”)....

    JQuery常见节点操作实例分析

    prepend()和prependTo():在现存元素外部,从前面插入 after()和insertAfter():在现存元素外部,从后面插入 before()和insertBefore():在现存元素外部,从前面插入 新建节点的插入 &lt;!DOCTYPE html&gt; &lt;...

    jQuery和JavaScript节点插入元素的方法对比

    (一)、jQuery方法 1、在节点内部插入: 方法 说明 append() 向每个匹配的元素内部追加内容 appendTo() 把所有的元素追加到另一个指定的元素集合中,实际上是颠倒了append()的用法。如$(A).append(B...

    jQuery1.4 API

    image :reset :button :file :hidden 表单对象属性 :enabled :disabled :checked :selected 文档处理内部插入 append(content | fn) appendTo(content) prepend(content | fn) prependTo(content) 外部插入 after...

    JQuery中DOM节点的操作与访问方法实例分析

    prepend()/prependTo() 作为第一个子元素添加 已有元素.before(要添加的元素)/after() 在对象前面/后面添加新的元素,可用逗号分割添加多个元素   要添加的元素.insertBefore(已有元素)/insertAfter...

Global site tag (gtag.js) - Google Analytics