zoukankan      html  css  js  c++  java
  • jQuery的DOM操作之加入元素和删除元素

    加入元素:

    .append()——在目标元素之后加入元素。

    .prepend()——在目标元素之前加入元素。

    .after()——在目标元素之后换行加入元素;

    .before()——在目标元素之前加入元素。并使目标元素换行;

    删除元素:

    .remove()——删除目标元素;

    .empty()——清空目标元素内的子元素;

    <!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8">
        <title>加入元素&删除元素</title>
        <script src="js/jquery-1.11.2.min.js"></script>
        <script src="js/addEle.js"></script>
        <style>
            .divStyle{
                300px;
                height:25px;
                background: #01C5FF;
            }
        </style>
    </head>
    <body>
    <button id="btn">加入元素</button>
    <div class="divStyle">
        <p>恒大今年的亚冠之路会顺利吗?</p>
    </div>
    <button id="btn2">删除元素</button>
    
    </body>
    </html>
    $(document).ready(function(){
        /*加入元素*/
        $("#btn").on("click",function(){
            /**
             *html方法,jQuery方法,Dom方法
             */
            var ele1="<p>come on</p>";
            var ele2=$("<p></p>").text("let's do it");
            var ele3=document.createElement("p");
            ele3.innerHTML="dance your body";
            $("body").append(ele1,ele2,ele3);
        });
        /*删除元素*/
        $("#btn2").on("click",function(){
            //$("div").remove();
            $("div").empty();
        });
    });
    



  • 相关阅读:
    淘宝nginx的学习使用,安装及反向代理,负载均衡
    Linux5
    Linux4
    Linux权限相关及yum源的配置
    linux基本命令及python3的环境配置
    使用Guava RateLimiter限流
    Runnable与Callable 区别
    [Kafka] 如何保证消息不丢失
    [多线程] 等待所有任务执行完成
    [Docker] 快速安装mysql
  • 原文地址:https://www.cnblogs.com/gccbuaa/p/6775356.html
Copyright © 2011-2022 走看看