• jQuery常见的几个文档处理方式


    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>列表</title>
    <script rel="script" src="js/jquery.min.js"></script>
    <script rel="script" src="js/vue.min.js"></script>
    <style>
    </style>
    </head>

    <body>
    <b>hello world</b><i>I would like to say:</i>
    <div>
    <p>Ben</p>
    <p>Jack</p>
    <p>Linda</p>
    <p>Bob</p>
    </div>

    <em>Anna</em>
    <em>Anne</em>
    <em>Lucy</em>
    <br><br><br><br>

    <strong class="first">查理</strong>
    <strong class="second">威廉</strong>
    <strong class="third">大卫</strong>

    <a href="#">首页</a>
    <a href="#">产品</a>
    <a href="#">技术</a>
    <a href="#">关于</a>


    <p>Hello, <span>Person</span> <a href="#">and person</a></p>
    <script>
    $(document).ready(function () {
    $("p").unwrap();//将外层包裹着的父级div层去掉
    $("i").after($("b"));//将b标签元素放在i标签元素后面,而不是将i标签元素放在b标签元素后面
    $("em").wrapAll("<div></div>");//将所有的em标签元素都用父级div包裹起来
    $("em").wrapInner("<b></b>");//把所有的em标签元素都加粗
    $('.third').replaceWith($('.first'));//将第一个strong标签包含文本替换成第一个strong标签的文本内容。
    // 且是将原来的第三个strong标签及其文本删除了之后替换成第一个strong标签元素及其文本来显示,而不是说复制一份来替换。

    $("<em>斜体字</em>").replaceAll($("a"));//将a标签以及文本内容全部替换为em标签及其文本

    //$("p").empty();//将p元素的所有子元素删除。只剩下p空标签
    })
    </script>

    </body>
    </html>
    没有人能一路单纯到底,但是要记住,别忘了最初的自己!
  • 相关阅读:
    mysql资料
    MySQL启动与关闭
    poj 2778 DNA Sequence
    poj 1625 Censored!
    zoj 3228 Searching the String
    hdu 4605 Magic Ball Game
    hdu 4610 Cards
    SGU 439 A Secret Book
    NOI2013
    NOI2014
  • 原文地址:https://www.cnblogs.com/LindaBlog/p/9707022.html
Copyright © 2020-2023  润新知