zoukankan      html  css  js  c++  java
  • jquery动态删除、复制、包裹DOM节点

    1、remove()方法 移除满足条件的元素

    <html>
    <head>
         <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
         <title>jquery选择器</title>
    </head>
    <body>
        <ul>
            <li>苹果</li>
            <li title="香蕉">香蕉</li>
            <li>橘子</li>
            <li></li>
         </ul>
    </body>
    <script type="text/javascript">
          $("ul li:eq(1)").remove();
    $("ul li").remove("[title=梨]");
    </script>
    </html>

    2、empty() 清空元素节点中的所有内容

    3、clone() 复制节点,将节点复制到指定元素下

    <html>
    <head>
         <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
         <title>jquery选择器</title>
    </head>
    <body>
        <ul>
            <li>苹果</li>
            <li>香蕉</li>
            <li>橘子</li>
            <li></li>
         </ul>
    </body>
    <script type="text/javascript">
         $("ul li").click(function(){
                $(this).clone().appendTo("ul");
            })
    </script> 
    </html>

    4、wrap() 包裹方法,在指定元素外层套一个元素

    $("ul li:eq(2)").wrap("<b></b>")
  • 相关阅读:
    python 协程
    数据库中的一对多,多对多实例
    source命令
    HTTP 协议报文解析
    html中的body和head有什么区别??
    xml json
    内置函数bytes()
    MySQL中的日期和时间函数
    MySQL中的数值函数
    MySQL中的字符串函数
  • 原文地址:https://www.cnblogs.com/RANCY/p/4911219.html
Copyright © 2011-2022 走看看