zoukankan      html  css  js  c++  java
  • jQuery文档操作之插入操作

    append()

    语法 >父元素.append(子元素)

    解释:追加某元素,在父元素中添加新的子元素。子元素可以为:string/element(js对象)/jQuery元素

    代码如下:

    var oli = document.createElement("li");
    oli.innerHTML = "哈哈哈";
    $("ul").append("<li>123</li>");
    $("ul").append("oli");
    $("ul").append($("#app"));
    

    PS:如果追加的是jQuery对象,那么这些元素将从原位置上消失。简单来说,就是一个移动操作。

    appendTo()

    语法: >子元素.appendTo(父元素)

    解释:追加到某元素,子元素添加到父元素

    代码示例:

    $("<li>This is the first.</li>").appendTo($("ul")).addClass("active")
    

    PS:要添加的元素同样既可以是string/element(js对象)/jQuery元素

    prepend()

    语法: >父元素.prepend(元子素);

    解释:前置添加,添加到父元素的第一个位置

    $("ul").prepend("<li>This is the first.</li>")
    

    prependTo()

    语法: >子元素.prependTo(父元素);

    解释:前置添加,添加到父元素的第一个位置

    $("<li>This is the first.</li>").prependTo("ul");
    

    after()

    语法: >兄弟元素.after(要插入的兄弟元素)

    解释:在匹配的元素之后插入内容

    $("ul").after('<h4>我是一个标题</h4>')
    

    inserAfter()

    语法: >要插入的兄弟元素.inserAfter(兄弟元素);

    解释:在匹配的元素之后插入内容

    $("<h5>我是一个标题</h5>").inserAfter("ul");
    

    before()

    语法: >兄弟元素.before(要插入的兄弟元素);

    解释:在匹配的元素之前插入内容

    $("ul").before('<h3>我是一个标题</h3>');
    

    inseBefore

    语法: >要插入的兄弟元素.inseBefore(兄弟元素);

    解释:在匹配的元素之前插入内容

    $("h5>我是一个标题</h5").inseBefore("ul");
    
  • 相关阅读:
    vim 高级使用技巧第二篇
    你所不知道的Html5那些事(一)
    linux设备驱动第三篇:如何实现一个简单的字符设备驱动
    Android Metro风格的Launcher开发系列第二篇
    「BZOJ3123」[SDOI2013]森林
    【模板】左偏树
    「luogu3157」[CQOI2011]动态逆序对
    「luogu3567」[POI2014]KUR-Couriers
    【模板】二逼平衡树
    「luogu3313」[SDOI2014]旅行
  • 原文地址:https://www.cnblogs.com/yang-wei/p/9535538.html
Copyright © 2011-2022 走看看