From be6a9e845c6d402a6adb62d3818cfef5ed588790 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=83=91=E7=8E=AE=E5=96=86?= <lighten_up@yeah.net>
Date: Thu, 24 Nov 2022 12:49:17 +0800
Subject: [PATCH 1/5] =?UTF-8?q?=E7=AC=AC=E5=8D=81=E4=B9=9D=E6=AC=A1?=
 =?UTF-8?q?=E4=BD=9C=E4=B8=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../\344\275\234\344\270\232/2022.11.23.html" | 43 +++++++++++++++++++
 .../2022.11.23-\344\272\213\344\273\266.md"   | 13 ++++++
 2 files changed, 56 insertions(+)
 create mode 100644 "04\351\203\221\347\216\256\345\226\206/\344\275\234\344\270\232/2022.11.23.html"
 create mode 100644 "04\351\203\221\347\216\256\345\226\206/\347\254\224\350\256\260/2022.11.23-\344\272\213\344\273\266.md"
diff --git "a/04\351\203\221\347\216\256\345\226\206/\344\275\234\344\270\232/2022.11.23.html" "b/04\351\203\221\347\216\256\345\226\206/\344\275\234\344\270\232/2022.11.23.html"
new file mode 100644
index 0000000..6da7598
--- /dev/null
+++ "b/04\351\203\221\347\216\256\345\226\206/\344\275\234\344\270\232/2022.11.23.html"
@@ -0,0 +1,43 @@
+<!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>
+
+<body>
+
+    <button>点击</button>
+
+    <script>
+        // 练习: 单击时触发单击事件， 双击时只触发双击事件
+        // BOM: setTimeOut()
+
+        var time = null;
+
+
+        var btn = document.querySelector('button');
+        btn.addEventListener('click', fn);
+        btn.addEventListener('dblclick', fn1);
+        function fn() {
+            clearTimeout(time);
+            time = setTimeout(() => {
+                alert('2班')
+                console.log(time);
+            }, 200);
+
+            // btn.removeEventListener('click',fn);
+        }
+        function fn1() {
+            console.log(time);
+            clearTimeout(time);
+            alert('4班');
+        }
+
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/04\351\203\221\347\216\256\345\226\206/\347\254\224\350\256\260/2022.11.23-\344\272\213\344\273\266.md" "b/04\351\203\221\347\216\256\345\226\206/\347\254\224\350\256\260/2022.11.23-\344\272\213\344\273\266.md"
new file mode 100644
index 0000000..0e47977
--- /dev/null
+++ "b/04\351\203\221\347\216\256\345\226\206/\347\254\224\350\256\260/2022.11.23-\344\272\213\344\273\266.md"
@@ -0,0 +1,13 @@
+# 15、事件
+
+需要设置事件的对象.addEventListener(事件类型,需要执行的函数,Boolean)：设置事件
+
+需要取消事件的对象.removeEventListener(事件类型,需要执行的函数)：取消事件
+
+## 事件流
+
+.addEventListener(事件类型,需要执行的函数,Boolean)：默认false表示冒泡;true：捕获
+
+冒泡：从内往外
+
+捕获：从外往内
-- 
Gitee


From 24f4c1ce3ce0e2b4ad17d3742b6835e38ebda5d1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=83=91=E7=8E=AE=E5=96=86?= <lighten_up@yeah.net>
Date: Fri, 25 Nov 2022 13:10:27 +0800
Subject: [PATCH 2/5] =?UTF-8?q?=E7=AC=AC=E4=BA=8C=E5=8D=81=E6=AC=A1?=
 =?UTF-8?q?=E4=BD=9C=E4=B8=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../\344\275\234\344\270\232/2022.11.24.html" | 39 +++++++++++++++++++
 ...4-\344\272\213\344\273\266\344\270\213.md" | 21 ++++++++++
 2 files changed, 60 insertions(+)
 create mode 100644 "04\351\203\221\347\216\256\345\226\206/\344\275\234\344\270\232/2022.11.24.html"
 create mode 100644 "04\351\203\221\347\216\256\345\226\206/\347\254\224\350\256\260/2022.11.24-\344\272\213\344\273\266\344\270\213.md"

diff --git "a/04\351\203\221\347\216\256\345\226\206/\344\275\234\344\270\232/2022.11.24.html" "b/04\351\203\221\347\216\256\345\226\206/\344\275\234\344\270\232/2022.11.24.html"
new file mode 100644
index 0000000..a78d2dc
--- /dev/null
+++ "b/04\351\203\221\347\216\256\345\226\206/\344\275\234\344\270\232/2022.11.24.html"
@@ -0,0 +1,39 @@
+<!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>
+
+<body>
+    <div>
+        <input type="checkbox" value="dog">狗
+        <input type="checkbox" value="cat">猫
+        <input type="checkbox" value="mouse">鼠
+    </div>
+    <p></p>
+</body>
+<script type="text/javascript">
+    var input = document.querySelectorAll('input');
+    var p = document.querySelector('p');
+    var div = document.querySelector('div');
+    div.addEventListener('click', dog);
+
+    function dog() {
+        var len = input.length;
+        let string = '';
+        for (let i = 0; i < len; i++) {
+            if (input[i].checked) {
+                string += (input[i].nextSibling.nodeValue).trim() + ' ';
+                console.log(string);
+            }
+        }
+        p.innerText = string;
+    }
+
+</script>
+
+</html>
\ No newline at end of file
diff --git "a/04\351\203\221\347\216\256\345\226\206/\347\254\224\350\256\260/2022.11.24-\344\272\213\344\273\266\344\270\213.md" "b/04\351\203\221\347\216\256\345\226\206/\347\254\224\350\256\260/2022.11.24-\344\272\213\344\273\266\344\270\213.md"
new file mode 100644
index 0000000..198008c
--- /dev/null
+++ "b/04\351\203\221\347\216\256\345\226\206/\347\254\224\350\256\260/2022.11.24-\344\272\213\344\273\266\344\270\213.md"
@@ -0,0 +1,21 @@
+# 15、事件
+
+需要设置事件的对象.addEventListener(事件类型,需要执行的函数,Boolean)：设置事件
+
+需要取消事件的对象.removeEventListener(事件类型,需要执行的函数)：取消事件
+
+## 事件流
+
+.addEventListener(事件类型,需要执行的函数,Boolean)：默认false表示冒泡;true：捕获
+
+冒泡：从内往外
+
+捕获：从外往内
+
+## 事件对象
+
+事件对象产生时间:当有事件触发的时候，会自动生成事件对象
+
+事件源对象:触发该事件的对象：event.target
+
+阻止默认行为：e.preventDefault();
-- 
Gitee


From 9b6ea8d1d5a215c31c68ad903564ca643ecbeb2c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=83=91=E7=8E=AE=E5=96=86?= <lighten_up@yeah.net>
Date: Mon, 28 Nov 2022 11:56:57 +0800
Subject: [PATCH 3/5] =?UTF-8?q?=E7=AC=AC=E4=BA=8C=E5=8D=81=E4=B8=80?=
 =?UTF-8?q?=E6=AC=A1=E4=BD=9C=E4=B8=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../\344\275\234\344\270\232/2022.11.25.html" | 64 +++++++++++++++++++
 .../2022.11.25-jQuery.md"                     | 19 ++++++
 2 files changed, 83 insertions(+)
 create mode 100644 "04\351\203\221\347\216\256\345\226\206/\344\275\234\344\270\232/2022.11.25.html"
 create mode 100644 "04\351\203\221\347\216\256\345\226\206/\347\254\224\350\256\260/2022.11.25-jQuery.md"

diff --git "a/04\351\203\221\347\216\256\345\226\206/\344\275\234\344\270\232/2022.11.25.html" "b/04\351\203\221\347\216\256\345\226\206/\344\275\234\344\270\232/2022.11.25.html"
new file mode 100644
index 0000000..41792ef
--- /dev/null
+++ "b/04\351\203\221\347\216\256\345\226\206/\344\275\234\344\270\232/2022.11.25.html"
@@ -0,0 +1,64 @@
+<!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="big">
+        <input type="checkbox" value="1" name="check" checked="checked" />
+        <input type="checkbox" value="2" name="check" />
+        <input type="checkbox" value="3" name="check" checked="checked" />
+        <input type="checkbox" value="4" name="check" />
+    </div>
+
+    <table id="tab">
+        <tbody>
+            <tr>
+                <td>第一行</td>
+                <td>第一行</td>
+            </tr>
+            <tr>
+                <td>第二行</td>
+                <td>第二行</td>
+            </tr>
+            <tr>
+                <td>第三行</td>
+                <td>第三行</td>
+            </tr>
+            <tr>
+                <td>第四行</td>
+                <td>第四行</td>
+            </tr>
+            <tr>
+                <td>第五行</td>
+                <td>第五行</td>
+            </tr>
+        </tbody>
+    </table>
+</body>
+<script type="text/javascript">
+    var div = $('#big')[0];
+    var input = $('input');
+
+    div.onchange = () => {
+        var a = $('input:checked');
+        console.log(a.length);
+    }
+
+    var tr = $('tr');
+    var len= tr.length;
+    console.log(tr);
+    for (let index = 1; index < len-1; index++) {
+        if (index%2!=0) {
+            tr[index].style.color='red';
+        }
+    }
+</script>
+
+</html>
\ No newline at end of file
diff --git "a/04\351\203\221\347\216\256\345\226\206/\347\254\224\350\256\260/2022.11.25-jQuery.md" "b/04\351\203\221\347\216\256\345\226\206/\347\254\224\350\256\260/2022.11.25-jQuery.md"
new file mode 100644
index 0000000..68bbbb6
--- /dev/null
+++ "b/04\351\203\221\347\216\256\345\226\206/\347\254\224\350\256\260/2022.11.25-jQuery.md"
@@ -0,0 +1,19 @@
+# 16、jQuery
+
+jQuery 是一个 JavaScript 库。
+
+## jQuery 选择器
+
+| $("*")                   | 选取所有元素                                        |
+| ------------------------ | --------------------------------------------- |
+| $(this)                  | 选取当前 HTML 元素                                  |
+| $("p.intro")             | 选取 class 为 intro 的 <p> 元素                     |
+| $("p:first")             | 选取第一个 <p> 元素                                  |
+| $("ul li:first")         | 选取第一个 <ul> 元素的第一个 <li> 元素                     |
+| $("ul li:first-child")   | 选取每个 <ul> 元素的第一个 <li> 元素                      |
+| $("[href]")              | 选取带有 href 属性的元素                               |
+| $("a[target='_blank']")  | 选取所有 target 属性值等于 "_blank" 的 <a> 元素           |
+| $("a[target!='_blank']") | 选取所有 target 属性值不等于 "_blank" 的 <a> 元素          |
+| $(":button")             | 选取所有 type="button" 的 <input> 元素 和 <button> 元素 |
+| $("tr:even")             | 选取偶数位置的 <tr> 元素                               |
+| $("tr:odd")              | 选取奇数位置的 <tr> 元素   |
-- 
Gitee


From f31975fde512e4cbe9058c55e5cace038e5cf47f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=83=91=E7=8E=AE=E5=96=86?= <lighten_up@yeah.net>
Date: Tue, 29 Nov 2022 21:17:45 +0800
Subject: [PATCH 4/5] =?UTF-8?q?=E7=AC=AC=E4=BA=8C=E5=8D=81=E4=BA=8C?=
 =?UTF-8?q?=E6=AC=A1=E4=BD=9C=E4=B8=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../\344\275\234\344\270\232/2022.11.28.html" | 125 ++++++++++++++++++
 .../2022.11.28-jQuery.md"                     |  57 ++++++++
 2 files changed, 182 insertions(+)
 create mode 100644 "04\351\203\221\347\216\256\345\226\206/\344\275\234\344\270\232/2022.11.28.html"
 create mode 100644 "04\351\203\221\347\216\256\345\226\206/\347\254\224\350\256\260/2022.11.28-jQuery.md"

diff --git "a/04\351\203\221\347\216\256\345\226\206/\344\275\234\344\270\232/2022.11.28.html" "b/04\351\203\221\347\216\256\345\226\206/\344\275\234\344\270\232/2022.11.28.html"
new file mode 100644
index 0000000..3760724
--- /dev/null
+++ "b/04\351\203\221\347\216\256\345\226\206/\344\275\234\344\270\232/2022.11.28.html"
@@ -0,0 +1,125 @@
+<!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>
+
+<body>
+    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
+
+    <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><br>
+        <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><br>
+        <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>
+    </body>
+    <script type="text/javascript">
+        /*
+            7、题目描述
+            用jQuery编程实现获取选中复选框值
+            HTML结构如下：
+            <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>
+            
+            */
+        console.log(`======= 第7题 =======`);
+        function abc() {
+            $(':checkbox').each(
+                function () {
+                    if (this.checked) {
+                        console.log(this.value);
+                    }
+                }
+            )
+        }
+
+
+
+
+        /*
+        8、题目描述
+        实现sel函数显示当前选项的文本和值
+        <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>
+        
+        function getOptionVal(){
+        
+        }
+        */
+        console.log(`======= 第8题 =======`);
+        function _sel() {
+            $('option').each(
+                function () {
+                    if (this.selected) {
+                        console.log(this.innerText + ' ' + this.value);
+                    }
+                }
+            )
+        }
+
+        /*
+        9、题目描述
+        要求用jQuery完成:  点击id为btn的按钮
+        
+        a.判断id为username的输入是否为空，如果为空，则弹出“用户名不能为空”的提示。
+        
+        b.判断id为password的输入字符串个数是否小于6位，如果小于6位，则弹出“你输入的密码长度不可以少于6位”的提示
+        
+        HTML结构如下：
+        <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>
+        */
+        console.log(`======= 第9题 =======`);
+        $('#btnSubmit').click(checkName)
+        function checkName() {
+            if ($('#username')[0].value == '') {
+                alert('用户名不能为空');
+            }
+            if (($('#password')[0].value).length < 6) {
+                alert('你输入的密码长度不可以少于6位')
+            }
+        }
+
+    </script>
+
+</html>
\ No newline at end of file
diff --git "a/04\351\203\221\347\216\256\345\226\206/\347\254\224\350\256\260/2022.11.28-jQuery.md" "b/04\351\203\221\347\216\256\345\226\206/\347\254\224\350\256\260/2022.11.28-jQuery.md"
new file mode 100644
index 0000000..56d9ba6
--- /dev/null
+++ "b/04\351\203\221\347\216\256\345\226\206/\347\254\224\350\256\260/2022.11.28-jQuery.md"
@@ -0,0 +1,57 @@
+# 16、jQuery
+
+jQuery 是一个 JavaScript 库。
+
+## jQuery 选择器
+
+| $("*")                   | 选取所有元素                                        |
+| ------------------------ | --------------------------------------------- |
+| $(this)                  | 选取当前 HTML 元素                                  |
+| $("p.intro")             | 选取 class 为 intro 的 <p> 元素                     |
+| $("p:first")             | 选取第一个 <p> 元素                                  |
+| $("ul li:first")         | 选取第一个 <ul> 元素的第一个 <li> 元素                     |
+| $("ul li:first-child")   | 选取每个 <ul> 元素的第一个 <li> 元素                      |
+| $("[href]")              | 选取带有 href 属性的元素                               |
+| $("a[target='_blank']")  | 选取所有 target 属性值等于 "_blank" 的 <a> 元素           |
+| $("a[target!='_blank']") | 选取所有 target 属性值不等于 "_blank" 的 <a> 元素          |
+| $(":button")             | 选取所有 type="button" 的 <input> 元素 和 <button> 元素 |
+| $("tr:even")             | 选取偶数位置的 <tr> 元素                               |
+| $("tr:odd")              | 选取奇数位置的 <tr> 元素                               |
+
+## jQuery操作属性
+
+### 查询属性
+
+.attr('属性名')
+
+.prop('属性名')：如果返回值为boolean
+
+.attr('属性名','属性值')：添加属性
+
+.removeAttr('属性名')：删除属性
+
+### 操作属性内容
+
+.html()：连同标签一起获取
+
+.text()：只获取文本节点
+
+.val()：获取值
+
+### 操作属性样式
+
+.css('样式名','样式值'....)：为对象添加属性样式（可多个）
+
+添加元素
+
+.prepend(创建的节点对象)：在对象开头添加节点
+
+.append(创建的节点对象)：在对象末尾添加节点
+
+要删除的对象.remove()：删除子节点（连同自身）
+
+要删除的对象.empty()：只删除子节点
+
+## jQuery事件
+
+$('').事件名()
-- 
Gitee


From ea62cedb7afb38726d2de49d54a470099e4cc42e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=83=91=E7=8E=AE=E5=96=86?= <lighten_up@yeah.net>
Date: Thu, 1 Dec 2022 12:37:51 +0800
Subject: [PATCH 5/5] =?UTF-8?q?=E7=AC=AC=E4=BA=8C=E5=8D=81=E4=B8=89?=
 =?UTF-8?q?=E6=AC=A1=E4=BD=9C=E4=B8=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ...2.11.30-jQuery\344\272\213\344\273\266.md" | 77 +++++++++++++++++++
 1 file changed, 77 insertions(+)
 create mode 100644 "04\351\203\221\347\216\256\345\226\206/\347\254\224\350\256\260/2022.11.30-jQuery\344\272\213\344\273\266.md"

diff --git "a/04\351\203\221\347\216\256\345\226\206/\347\254\224\350\256\260/2022.11.30-jQuery\344\272\213\344\273\266.md" "b/04\351\203\221\347\216\256\345\226\206/\347\254\224\350\256\260/2022.11.30-jQuery\344\272\213\344\273\266.md"
new file mode 100644
index 0000000..d73a5ce
--- /dev/null
+++ "b/04\351\203\221\347\216\256\345\226\206/\347\254\224\350\256\260/2022.11.30-jQuery\344\272\213\344\273\266.md"
@@ -0,0 +1,77 @@
+# 16、jQuery
+
+jQuery 是一个 JavaScript 库。
+
+## jQuery 选择器
+
+| $("*")                   | 选取所有元素                                        |
+| ------------------------ | --------------------------------------------- |
+| $(this)                  | 选取当前 HTML 元素                                  |
+| $("p.intro")             | 选取 class 为 intro 的 <p> 元素                     |
+| $("p:first")             | 选取第一个 <p> 元素                                  |
+| $("ul li:first")         | 选取第一个 <ul> 元素的第一个 <li> 元素                     |
+| $("ul li:first-child")   | 选取每个 <ul> 元素的第一个 <li> 元素                      |
+| $("[href]")              | 选取带有 href 属性的元素                               |
+| $("a[target='_blank']")  | 选取所有 target 属性值等于 "_blank" 的 <a> 元素           |
+| $("a[target!='_blank']") | 选取所有 target 属性值不等于 "_blank" 的 <a> 元素          |
+| $(":button")             | 选取所有 type="button" 的 <input> 元素 和 <button> 元素 |
+| $("tr:even")             | 选取偶数位置的 <tr> 元素                               |
+| $("tr:odd")              | 选取奇数位置的 <tr> 元素                               |
+
+## jQuery操作属性
+
+### 查询属性
+
+.attr('属性名')
+
+.prop('属性名')：如果返回值为boolean
+
+.attr('属性名','属性值')：添加属性
+
+.removeAttr('属性名')：删除属性
+
+### 操作属性内容
+
+.html()：连同标签一起获取
+
+.text()：只获取文本节点
+
+.val()：获取值
+
+### 操作属性样式
+
+.css('样式名','样式值'....)：为对象添加属性样式（可多个）
+
+添加元素
+
+.prepend(创建的节点对象)：在对象开头添加节点
+
+.append(创建的节点对象)：在对象末尾添加节点
+
+要删除的对象.remove()：删除子节点（连同自身）
+
+要删除的对象.empty()：只删除子节点
+
+## jQuery事件
+
+$('').事件名()：绑定事件
+
+$('').off('事件名')：解绑事件
+
+$('').one('事件名')：只执行一次的事件
+
+$('').bind('事件名'，函数体)：为多个事件绑定同一个函数
+
+$('').on('事件名'，函数体)：跟bind一样，添加为动态添加的元素进行事件绑定
+
+e.preventDefault()：禁止默认
+
+e.stopPropagation()：禁止冒泡
+
+### 事件对象
+
+target：事件源对象
+
+currentTarget：当前调用的对象
+
+delegateTarget：当前调用的 jQuery 事件处理程序所添加的元素
-- 
Gitee


第一行	第一行
第二行	第二行
第三行	第三行
第四行	第四行
第五行	第五行