From c04faf0eac3d0d28dd87744cd7a3605b21722eb7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=88=B4=E4=BF=8A=E9=94=8B?=
 <95995809+zzzzzzz123000@users.noreply.github.com>
Date: Tue, 29 Nov 2022 19:21:40 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BD=9C=E4=B8=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../2022.11.28(1).html"                       | 37 +++++++++++++
 .../2022.11.28(2).html"                       | 35 ++++++++++++
 .../2022.11.28(3).html"                       | 37 +++++++++++++
 .../2022.11.28(4).html"                       | 42 +++++++++++++++
 .../2022.11.28(5).html"                       | 53 ++++++++++++++++++
 .../\347\254\224\350\256\260/2022.11.28.md"   | 54 +++++++++++++++++++
 6 files changed, 258 insertions(+)
 create mode 100644 "25\346\210\264\344\277\212\351\224\213/\344\275\234\344\270\232/2022.11.28(1).html"
 create mode 100644 "25\346\210\264\344\277\212\351\224\213/\344\275\234\344\270\232/2022.11.28(2).html"
 create mode 100644 "25\346\210\264\344\277\212\351\224\213/\344\275\234\344\270\232/2022.11.28(3).html"
 create mode 100644 "25\346\210\264\344\277\212\351\224\213/\344\275\234\344\270\232/2022.11.28(4).html"
 create mode 100644 "25\346\210\264\344\277\212\351\224\213/\344\275\234\344\270\232/2022.11.28(5).html"
 create mode 100644 "25\346\210\264\344\277\212\351\224\213/\347\254\224\350\256\260/2022.11.28.md"
diff --git "a/25\346\210\264\344\277\212\351\224\213/\344\275\234\344\270\232/2022.11.28(1).html" "b/25\346\210\264\344\277\212\351\224\213/\344\275\234\344\270\232/2022.11.28(1).html"
new file mode 100644
index 0000000..c2e2975
--- /dev/null
+++ "b/25\346\210\264\344\277\212\351\224\213/\344\275\234\344\270\232/2022.11.28(1).html"
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
+</head>
+
+<body>
+    <div>
+        <input type="checkbox" name="aa" value="0" />0
+        <input type="checkbox" name=" aa " value="1" />1
+        <input type="checkbox" name=" aa " value="2" />2
+        <input type="checkbox" name=" aa " value="3" />3
+        <input type="button" onclick="abc()" value="提 交" />
+        <div id="allselect"></div>
+    </div>
+</body>
+<script>
+    //   用jQuery编程实现获取选中复选框值
+
+    function abc() {
+        const arr = [];
+        $(":checked").each(function (i) {
+            arr[i] = $(this).val();
+        })
+        var val = arr.join(",");
+        $("#allselect").text("选中的值= " + val)
+
+    }
+
+</script>
+
+</html>
\ No newline at end of file
diff --git "a/25\346\210\264\344\277\212\351\224\213/\344\275\234\344\270\232/2022.11.28(2).html" "b/25\346\210\264\344\277\212\351\224\213/\344\275\234\344\270\232/2022.11.28(2).html"
new file mode 100644
index 0000000..b274490
--- /dev/null
+++ "b/25\346\210\264\344\277\212\351\224\213/\344\275\234\344\270\232/2022.11.28(2).html"
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
+</head>
+<body>
+    <div>
+        <form name="a">
+            <select name="a" size="1" onchange="_sel(this)">
+            <option value="a">1</option>
+            <option value="b">2</option>
+            <option value="c">3</option>
+            </select>
+        </form>
+    </div>
+    <script>
+        //实现sel函数显示当前选项的文本和值
+        function _sel(){
+            $("div div").remove()
+            var val = $(":selected").val()
+            var text =  $(":selected").text()
+            var div1 = document.createElement("div");
+            var div = document.querySelector("div");
+            div.appendChild(div1);
+            $("div div").append("当前选项的文本= " + text + " 值= " + val )
+           
+           
+        }
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git "a/25\346\210\264\344\277\212\351\224\213/\344\275\234\344\270\232/2022.11.28(3).html" "b/25\346\210\264\344\277\212\351\224\213/\344\275\234\344\270\232/2022.11.28(3).html"
new file mode 100644
index 0000000..74b226c
--- /dev/null
+++ "b/25\346\210\264\344\277\212\351\224\213/\344\275\234\344\270\232/2022.11.28(3).html"
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
+</head>
+<body>   
+    <div>
+        用户名：<input type="text" id="username"/><br/>
+        密  码：<input type="password" id="password"/><br/>
+       确认密码：<input type="password" id="password1"/><br/>
+        <button id="btnSubmit" type="button">提交</button><br/>
+    </div>
+    <script>
+        //要求用jQuery完成:  点击id为btn的按钮
+        //a.判断id为username的输入是否为空，如果为空，则弹出“用户名不能为空”的提示。
+        //b.判断id为password的输入字符串个数是否小于6位，如果小于6位，则弹出“你输入的密码长度不可以少于6位”的提示
+        $(function(){
+            $("#btnSubmit").click(function(){
+                //验证账号
+                if($("#username").val() == ""){
+                    alert("用户名不能为空");
+                }else{
+                    //验证密码
+                    var regExp = /\w{6}/;
+                    if(!regExp.test($("#password").val())){
+                        alert("你输入的密码长度不可以少于6位")
+                    }
+                }
+            })
+        })
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git "a/25\346\210\264\344\277\212\351\224\213/\344\275\234\344\270\232/2022.11.28(4).html" "b/25\346\210\264\344\277\212\351\224\213/\344\275\234\344\270\232/2022.11.28(4).html"
new file mode 100644
index 0000000..37ba72b
--- /dev/null
+++ "b/25\346\210\264\344\277\212\351\224\213/\344\275\234\344\270\232/2022.11.28(4).html"
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
+</head>
+
+<body>
+    <table>
+        <tr>
+            <td>留言</td>
+            <td id="number"> 0 </td>
+        </tr>
+        <tr>
+            <td colspan=2>
+                <textarea id="feedBack" onkeyup="test()" rows=6></textarea>
+            </td>
+        </tr>
+    </table>
+    <script>
+        // 在下面的HTML文档中，编写函数test(), 实现如下功能：
+        // （1）当多行文本框中的字符数超过20个，只截取20个字符
+        // （2）在id为number的td中显示文本框的字符个数
+        function test() {
+            var text = $("#feedBack").val();
+            var length = text.length;
+            //console.log(text);
+            $("#number").text(length)
+            if (length > 20) {
+                $("#feedBack").val(text.slice(0,20));
+                $("#number").text(20)
+            }
+
+        }
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/25\346\210\264\344\277\212\351\224\213/\344\275\234\344\270\232/2022.11.28(5).html" "b/25\346\210\264\344\277\212\351\224\213/\344\275\234\344\270\232/2022.11.28(5).html"
new file mode 100644
index 0000000..f9d685c
--- /dev/null
+++ "b/25\346\210\264\344\277\212\351\224\213/\344\275\234\344\270\232/2022.11.28(5).html"
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<style>
+    .highlight {
+        background: yellow;
+    }
+    
+</style>
+
+<body>
+    <input id="txt" type="text">&nbsp;
+    <button id="btn" onclick=" ">获取</button>&nbsp;
+    <button id="btn1" onclick=" ">取消高亮</button><br>
+    <span
+        id="target">11月21日0-24时，31个省（自治区、直辖市）和新疆生产建设兵团报告新增确诊病例2225例。其中境外输入病例80例（广东35例，福建12例，重庆6例，云南6例，上海5例，浙江4例，四川3例，陕西3例，天津2例，湖南2例，内蒙古1例，江苏1例），含7例由无症状感染者转为确诊病例（浙江4例，福建1例，
+        四川1例，陕西1例）；本土病例2145例（广东781例，北京274例，四川240例，重庆178例，
+        云南147例，山西89例，内蒙古77例，河南75例，江苏51例，浙江37例，黑龙江28例，
+        陕西23例，辽宁22例，山东22例，新疆19例，甘肃14例，贵州13例，湖南11例，福建10例，
+        湖北9例，河北5例，海南5例，上海4例，广西3例，青海3例，安徽2例，西藏2例，天津1例），
+        含592例由无症状感染者转为确诊病例（广东434例，重庆38例，四川24例，浙江20例，甘肃14例，
+        北京12例，内蒙古7例，湖南7例，江苏6例，陕西6例，山西4例，辽宁4例，黑龙江4例，福建3例，
+        河南3例，广西2例，青海2例，安徽1例，云南1例）。新增死亡病例2例，均为本土病例
+        （河南1例，四川1例）；无新增疑似病例。</span>
+</body>
+<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
+<script>
+    //高亮
+    $("#btn").click(function () {
+        $(".highlight").css("background-color", "white")
+        var txt = $("#txt").val();
+        var target = $("#target").html();
+        //判断txt是否存在
+        if (target.indexOf(txt) != -1) {
+            var regExp = new RegExp(txt, "g");
+            var a = target.replace(regExp, "<span class='highlight'>" + txt + "</span>");
+            $("#target").html(a)
+        }
+         
+    })
+    //取消高亮
+    $("#btn1").click(function () {
+        $(".highlight").css("background-color", "white")
+    })
+</script>
+
+</html>
\ No newline at end of file
diff --git "a/25\346\210\264\344\277\212\351\224\213/\347\254\224\350\256\260/2022.11.28.md" "b/25\346\210\264\344\277\212\351\224\213/\347\254\224\350\256\260/2022.11.28.md"
new file mode 100644
index 0000000..802d7e5
--- /dev/null
+++ "b/25\346\210\264\344\277\212\351\224\213/\347\254\224\350\256\260/2022.11.28.md"
@@ -0,0 +1,54 @@
+```html
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
+</head>
+<body>
+    <div id="div" style="width: 100px; height: 200px; background-color: pink;">
+
+    </div>
+    <script>
+        //操作元素的属性
+        //1. 获取属性  attr prop
+        //自定义的DOM属性用 attr 元素本身带的属性用prop
+        //console.log($("div").attr("id"));
+        //console.log($("div").prop("id"));
+
+        //设置属性
+        //$("div").attr("name","w");
+
+        //移除属性
+        //$("div").removeAttr("style")
+
+        //操作元素的样式
+        // attr(" "); 获取属性的值
+        // attr(" "," ") 修改属性的值
+        //  addClass(" ")添加样式
+        //css() 添加具体样式
+        //removeClass 移除样式名称
+
+        //添加元素
+        //prepend() 在被选元素在开头添加元素
+        //$(A).prepentTo(B)把A添加到B开头
+        //append(A) 在被选元素在结尾插入A
+        //$(A)appendTo(B)  把A插入到B内默认是结尾
+        // before(A) 在元素前插入A
+        //after(A) 在元素后插入B
+
+        //删除元素
+        //remove() 包含子元素，标签和内容一起删除
+        //empty() 删除元素的内容
+
+        //遍历元素
+        //.each(i,e)
+        // i 是下标  e 是当前元素
+    </script>
+</body>
+</html>
+```
+
-- 
Gitee

