zoukankan      html  css  js  c++  java
  • jQuery 追加元素的方法如append、prepend、before,after(转)

    1.jQuery append() 方法 

    jQuery append() 方法在被选元素的结尾插入内容。 
    实例 

    复制代码代码如下:

    $("p").append("Some appended text."); 



    2.jQuery prepend() 方法 

    jQuery prepend() 方法在被选元素的开头插入内容。 
    实例 

    复制代码代码如下:

    $("p").prepend("Some prepended text."); 


    3、after() 和 before() 方法 

    jQuery after() 方法在被选元素之后插入内容。 
    jQuery before() 方法在被选元素之前插入内容。 
    实例 

    复制代码代码如下:

    $("img").after("Some text after"); 
    $("img").before("Some text before"); 

    下面脚本之家小编给补充一下

    append() 方法在被选元素的结尾插入内容。

    prepend() 方法在被选元素的开头插入内容。

    after() 方法在被选元素之后插入内容。

    before() 方法在被选元素之前插入内容。

    演示代码:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    <script type="text/javascript" src="http://common.jb51.net/jslib/jquery/jquery.min.js"></script>
    <div class="testdiv">
      <ul>
        <li>第一个li标签</li>
      </ul>
    </div>
     
    <script>
     
      //append
      $('.testdiv ul').append('<li>append 插入的li</li>');
      //prepend
      $('.testdiv ul').prepend('<li>prepend 插入的li</li>');
      //after
      $('.testdiv ul').after('<li>after 插入的li</li>');
      //before
      $('.testdiv ul').before('<li>before 插入的li</li>');
     
    </script>
  • 相关阅读:
    .Net桌面程序自动更新NAppUpdate
    geojson转esriJson
    geoserver wfs属性查询
    Electron使用electron-packager打包记录
    cesium纽约3dtiles数据下载
    根据范围爬TMS规则瓦片
    利用geojson实现模型轨迹运动
    obj2gltf安装详细教程
    IIS发布网站常见MIME扩展类型添加
    openlayer3 坐标系转换
  • 原文地址:https://www.cnblogs.com/jiangyi666/p/6136874.html
Copyright © 2011-2022 走看看