jquery append与appendTo方法比较

 更新时间:2017年05月24日 10:42:08   投稿:lqh  
这篇文章主要介绍了jquery append与appendTo方法区别的相关资料,需要的朋友可以参考下

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 china</p><p>I love china </p>

2. appendTo(expr)方法

方法作用:把所有匹配的元素追加到指定的元素元素集合中。

参数介绍:expr (String): 用于匹配元素的jQuery表达式。

用法示例:

HTML代码为<b>I love china </b><p></p>

把标签b追加到p元素中,写法为$("b").appendTo("p");

结果为:><p><b>I love china </b></p>

使用appendTo这个方法是颠倒了常规的$(A).append(B)的操作,即不是把B追加到A中,而是把A追加到B中。

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

相关文章

  • jQuery性能优化28条建议你值得借鉴

    jQuery性能优化28条建议你值得借鉴

    一直在寻找有关jQuery性能优化方面的小窍门,能让我那臃肿的动态网页应用变得轻便些,我决定将最好最常用的一些优化性能的建议列出来,感兴趣的你可不要错过了哈,或许本文所提供的建议对你有所帮助
    2013-02-02
  • jQuery实现HTML元素隐藏和显示

    jQuery实现HTML元素隐藏和显示

    这篇文章主要为大家详细介绍了jQuery实现HTML元素隐藏和显示,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-08-08
  • jquery插件实现图片悬浮

    jquery插件实现图片悬浮

    这篇文章主要为大家详细介绍了jquery插件实现图片悬浮,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-04-04
  • jQuery复制节点用法示例(clone方法)

    jQuery复制节点用法示例(clone方法)

    这篇文章主要介绍了jQuery复制节点的方法,结合实例形式分析了clone方法复制节点及appendTo方法追加节点的相关操作技巧,需要的朋友可以参考下
    2016-09-09
  • jQuery利用键盘上下键移动表格内容

    jQuery利用键盘上下键移动表格内容

    这篇文章主要为大家详细介绍了jQuery利用键盘上下键移动表格内容,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-02-02
  • jQuery中:password选择器用法实例

    jQuery中:password选择器用法实例

    这篇文章主要介绍了jQuery中:password选择器用法,实例分析了:password选择器的功能、定义与匹配密码框的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-01-01
  • jQuery 生成svg矢量二维码

    jQuery 生成svg矢量二维码

    这篇文章主要介绍了jQuery 生成svg矢量二维码的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-08-08
  • jQuery性能优化的38个建议

    jQuery性能优化的38个建议

    想必大家对于jQuery这个最流行的javascript类库都不陌生,而且只要是前端开发人员肯定或多或少的使用或者接触过,在这篇文章中,参考了一些资料及实际使用效率,将介绍一些书写高质量jQuery代码的原则,不单单会告诉你如何去书写,也会告诉你为什么这样书写,希望大家会觉得有所帮助
    2014-03-03
  • 利用jquery实现瀑布流3种案例

    利用jquery实现瀑布流3种案例

    这篇文章主要为大家详细介绍了利用jquery实现瀑布流2种案例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-09-09
  • jQuery中选择器的基础使用教程

    jQuery中选择器的基础使用教程

    jQuery的选择器非常强大,使你可以轻松选取页面中任何一个对象,下面我们就主要针对DOM操作来看一下jQuery中选择器的基础使用教程,需要的朋友可以参考下
    2016-05-05

最新评论