diff --git "a/18\351\231\210\351\271\217/\344\275\234\344\270\232/2022-11-24\344\272\213\345\212\241.html" "b/18\351\231\210\351\271\217/\344\275\234\344\270\232/2022-11-24\344\272\213\345\212\241.html"
new file mode 100644
index 0000000000000000000000000000000000000000..099d07624b8466d9f1719b362db5364ab053310c
--- /dev/null
+++ "b/18\351\231\210\351\271\217/\344\275\234\344\270\232/2022-11-24\344\272\213\345\212\241.html"
@@ -0,0 +1,36 @@
+<!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 id="btn">点击</button>
+</body>
+<script type="text/javascript">
+    // 练习:单击时触发单击事件， 双击时只触发双击事件
+    //BOM:setTimeOut()
+            btn.addEventListener('click',fn);
+            btn.addEventListener('dblclick',fn1);
+            var a;
+            
+            function fn() {
+                a=false;
+                var time=setTimeout(
+                function () {
+                if (a=true) { 
+                    alert('葡萄牙赢了');
+                    return ;
+                }  
+            },500) 
+                 
+    }
+            function fn1() {
+                a=true;
+                alert('加纳赢了');     
+    }
+
+</script>
+</html>
\ No newline at end of file
diff --git "a/18\351\231\210\351\271\217/\347\254\224\350\256\260/2022-11-24\344\272\213\345\212\241.md" "b/18\351\231\210\351\271\217/\347\254\224\350\256\260/2022-11-24\344\272\213\345\212\241.md"
new file mode 100644
index 0000000000000000000000000000000000000000..4db8a034da4ac7c6f4eed88a7c4a65b81344edab
--- /dev/null
+++ "b/18\351\231\210\351\271\217/\347\254\224\350\256\260/2022-11-24\344\272\213\345\212\241.md"
@@ -0,0 +1,11 @@
+DMO 0当有多个同类型事件触发时，只会触发一个 ，兼容性较高
+DMO 2可以触发多个同类型
+添加事件
+addEventListener('事件类型','函数名')
+事件取消
+btn.removeEventListener('click',fn);
+冒泡
+ body.addEventListener('click',fn1,true);
+1.事件从最外层开始捕获，直到当前元素（触发事件的对象），再从当前元素向外冒泡到document
+2.事件会自发冒泡(微软)（从里层向外层冒泡，直到document）
+3.事件捕获(网景)（从最外层向里层）
diff --git "a/18\351\231\210\351\271\217/\347\254\224\350\256\260/2022-11-30-jQuery\344\272\213\344\273\266.md" "b/18\351\231\210\351\271\217/\347\254\224\350\256\260/2022-11-30-jQuery\344\272\213\344\273\266.md"
new file mode 100644
index 0000000000000000000000000000000000000000..20b2df8d7e47becc052a324c112d344766c806cd
--- /dev/null
+++ "b/18\351\231\210\351\271\217/\347\254\224\350\256\260/2022-11-30-jQuery\344\272\213\344\273\266.md"
@@ -0,0 +1,75 @@
+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 事件处理程序所添加的元素
\ No newline at end of file
