zoukankan      html  css  js  c++  java
  • 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>
    没有人能一路单纯到底,但是要记住,别忘了最初的自己!
  • 相关阅读:
    dayfunctools.weps 定义函数装饰器
    python3之concurrent.futures一个多线程多进程的直接对接模块,python3.2有线程池了
    python的类的super()
    django的admin
    python的单例模式
    git指南
    django创建验证码
    Django model对象接口
    Go语言基础
    迭代器&迭代对象&生成器
  • 原文地址:https://www.cnblogs.com/LindaBlog/p/9707022.html
Copyright © 2011-2022 走看看