zoukankan      html  css  js  c++  java
  • jq dom 操作

    <!DOCTYPE html>
    <html lang="en">
      <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>操作节点</title>
      </head>
      <body>
        <p title="选择你最喜欢的体育活动">你最喜欢的体育运动是?</p>
        <ul>
          <li title="踢足球">踢足球</li>
          <li title="打篮球">打篮球</li>
          <li title="乒乓球">乒乓球</li>
        </ul>
        <script src="../jquery.js"></script>
        <script>
          $(function () {
            $("ul").append("<li>123</li>"); // 向元素的内部的末尾插入节点
            $("ul").prepend("<li>123</li>"); // 向元素的内部的开头插入节点
            $("li:eq(2)").before("<li>颉旺飞</li>"); // 前面插入节点
            $("li:eq(3)").after("<li>王佳慧</li>"); // 后面插入节点
            $("<li>无敌</li>").insertBefore("li:eq(0)").css("color", "red"); // 指定的子节点之前插入一个节点
            $("<li>无敌</li>").insertAfter("li:eq(7)").css("color", "red"); // 指定的子节点之后插入一个节点
          });
        </script>
      </body>
    </html>
  • 相关阅读:
    oracle函数查询数据字典
    股票市场不是年轻人应该去的地方
    惊蟄
    大学问
    教条示龙场诸生
    生成器表达式
    三次锁定(文件加强版)
    文件的增删改查
    Python试题(1)
    Python入门(1)
  • 原文地址:https://www.cnblogs.com/xiewangfei123/p/13552117.html
Copyright © 2011-2022 走看看