zoukankan      html  css  js  c++  java
  • append,appendTo和prepend

    1.append(content)

    向每个匹配的元素内部追加内容。

    1 <div>
    2 <p name="p1">p1</p>
    3 </div>

    比如要向div中再添加一个p标签:

    $('div').append('<p name="p2">p2</p>');  //结果为:

    <div>
    <p name="p1">p1</p>
    <p name="p2">p2</p>
    </div>

    2.appendT0(content)

    把所有匹配的元素追加到另一个指定的元素元素集合中。

    如果想达到append()中的效果,则代码如下:$('<p name="p2"></p>').appendTo('div').

    3.prepend(content)

    向每个匹配的元素内部前置内容。

    这是向所有匹配元素内部的开始处插入内容的最佳方式。

    prepend(function(index, html))

    返回一个HTML字符串,用于追加到每一个匹配元素的里边。接受两个参数,index参数为对象在这个集合中的索引值,html参数为这个对象原先的html值。

    例1效果:$('div').prepend(function(0,'<p name="p2">p2</p>'));

    小结:append(),appendTo()和prepend()都是在匹配元素的标签内追加,不同在于:append()和appendTo()是在元素的后面追加,而prepend()是在元素的最前面追加。

  • 相关阅读:
    spark-2.0.0与hive-1.2.1整合
    kafka_2.11-0.10.0.0安装步骤
    hive-1.2.1安装步骤
    linux时间编程
    gdb与coredump
    linux下静态库、动态库的创建与使用
    linux常用工具
    js数组、内置对象、自定义对象
    JS学习五(js中的事件)
    JS学习四(BOM DOM)
  • 原文地址:https://www.cnblogs.com/wyblog/p/2113825.html
Copyright © 2011-2022 走看看