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 0000000000000000000000000000000000000000..6da7598b0f572e2e104cd0a17e41da491c9df299
--- /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/\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 0000000000000000000000000000000000000000..a78d2dc324c77b0c5a969d2e897a19e10228783d
--- /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/\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 0000000000000000000000000000000000000000..41792ef14ed4ae6ca910983186ee8a9da3f6725b
--- /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.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 0000000000000000000000000000000000000000..0e47977b71480867e01a0cb25276a68ddf6dfb6b
--- /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：捕获
+
+冒泡：从内往外
+
+捕获：从外往内
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 0000000000000000000000000000000000000000..198008c5e7cbea628ca39eef40fd555879069b93
--- /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();
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 0000000000000000000000000000000000000000..68bbbb67f859f78d4f1bfa94258e53867521622c
--- /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> 元素   |

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