From 66e83f1e21b1e3c43ee08e205bae1be0d60f1170 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=A2=81=E8=B4=B5=E6=A3=AE?= <3032059138@qq.com>
Date: Mon, 28 Nov 2022 02:14:24 +0000
Subject: [PATCH 1/2] =?UTF-8?q?28=E8=A2=81=E8=B4=B5=E6=A3=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: 袁贵森 <3032059138@qq.com>
---
 ...\344\273\266\344\275\234\344\270\232.html" | 32 +++++++
 ...\350\261\241\344\275\234\344\270\232.html" | 69 ++++++++++++++
 ...\350\257\206\344\275\234\344\270\232.html" | 64 +++++++++++++
 ...\351\200\211\344\275\234\344\270\232.html" | 95 +++++++++++++++++++
 ...\345\216\206\344\275\234\344\270\232.html" | 45 +++++++++
 5 files changed, 305 insertions(+)
 create mode 100644 "28\350\242\201\350\264\265\346\243\256/\344\275\234\344\270\232/2022-1123\344\272\213\344\273\266\344\275\234\344\270\232.html"
 create mode 100644 "28\350\242\201\350\264\265\346\243\256/\344\275\234\344\270\232/2022-1124\344\272\213\344\273\266\345\257\271\350\261\241\344\275\234\344\270\232.html"
 create mode 100644 "28\350\242\201\350\264\265\346\243\256/\344\275\234\344\270\232/2022-1125jQuery\345\210\235\350\257\206\344\275\234\344\270\232.html"
 create mode 100644 "28\350\242\201\350\264\265\346\243\256/\344\275\234\344\270\232/2022_1121_\345\205\250\351\200\211\345\217\215\351\200\211\344\275\234\344\270\232.html"
 create mode 100644 "28\350\242\201\350\264\265\346\243\256/\344\275\234\344\270\232/2022_1121_\345\267\245\344\275\234\347\273\217\345\216\206\344\275\234\344\270\232.html"
diff --git "a/28\350\242\201\350\264\265\346\243\256/\344\275\234\344\270\232/2022-1123\344\272\213\344\273\266\344\275\234\344\270\232.html" "b/28\350\242\201\350\264\265\346\243\256/\344\275\234\344\270\232/2022-1123\344\272\213\344\273\266\344\275\234\344\270\232.html"
new file mode 100644
index 0000000..edb2688
--- /dev/null
+++ "b/28\350\242\201\350\264\265\346\243\256/\344\275\234\344\270\232/2022-1123\344\272\213\344\273\266\344\275\234\344\270\232.html"
@@ -0,0 +1,32 @@
+<!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>
+        // 练习:单击时触发单击事件， 双击时只触发双击事件 
+
+        //BOM:setTimeOut()
+        //单击
+            btn.addEventListener('click',fn);
+            function fn() {
+                alert('2班');
+                // btn.removeEventListener('click',fn);
+            } 
+        //双击
+            btn.addEventListener('dblclick',fn1);
+            function fn1() {
+                alert('4班');
+            }
+
+            var time=setTimeout();
+            if (time>2) {
+                
+            }
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git "a/28\350\242\201\350\264\265\346\243\256/\344\275\234\344\270\232/2022-1124\344\272\213\344\273\266\345\257\271\350\261\241\344\275\234\344\270\232.html" "b/28\350\242\201\350\264\265\346\243\256/\344\275\234\344\270\232/2022-1124\344\272\213\344\273\266\345\257\271\350\261\241\344\275\234\344\270\232.html"
new file mode 100644
index 0000000..43daba9
--- /dev/null
+++ "b/28\350\242\201\350\264\265\346\243\256/\344\275\234\344\270\232/2022-1124\344\272\213\344\273\266\345\257\271\350\261\241\344\275\234\344\270\232.html"
@@ -0,0 +1,69 @@
+<!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>
+    
+    <!-- <input type="text" id="inp">
+    <div id="div" style="width: 200px; height:200px; background-color:black"></div> 
+
+    <script>
+//练习:取消事件
+   
+        var input = document.getElementById("inp");
+            input.onfocus = function () {
+                    alert('获得焦点');
+            }
+        var fn=function(){
+             
+
+            input.onblur = function () {
+                alert('失去焦点');
+            }
+        }
+        btn.addEventListener('click',fn,false);
+        btn.removeEventListener('click',fn,false);
+
+    </script> -->
+
+
+
+        <div id="div">
+            <input type="radio" name="a" id="" value="banana">香蕉
+            <input type="radio" name="a" id="" value="apple">苹果
+            <input type="radio" name="a" id="" value="orange">橘子
+         
+        </div>
+        <p></p>
+    <script>
+        var div = document.getElementById('div');
+        var input = document.getElementsByTagName('input');
+        var len = input.length;
+        var p = document.querySelector('p');
+        // div.onchange = function () {
+        //     for (var i = 0; i < len; i++) {
+        //         if (input[i].checked == true) {
+        //             p.innerText = '您选择的是'+input[i].value;
+        //         }
+        //     }
+        // }
+//onchange获取多选框的值
+        all=[];
+        div.onchange=function () {
+            for (let i = 0; i < len; i++) {
+                if (input[i].checked=false) {
+                    all.push(input[i].value)
+                } 
+            }
+        }
+        p.innerText = '您选择的是'+input[i].value;
+    </script> 
+   
+
+
+</body>
+</html>
\ No newline at end of file
diff --git "a/28\350\242\201\350\264\265\346\243\256/\344\275\234\344\270\232/2022-1125jQuery\345\210\235\350\257\206\344\275\234\344\270\232.html" "b/28\350\242\201\350\264\265\346\243\256/\344\275\234\344\270\232/2022-1125jQuery\345\210\235\350\257\206\344\275\234\344\270\232.html"
new file mode 100644
index 0000000..e9e2211
--- /dev/null
+++ "b/28\350\242\201\350\264\265\346\243\256/\344\275\234\344\270\232/2022-1125jQuery\345\210\235\350\257\206\344\275\234\344\270\232.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>
+        <input type="checkbox" value="1" name="check" checked="checked">1
+        <input type="checkbox" value="2" name="check"  />2
+        <input type="checkbox" value="3" name="check" checked="checked" />3
+        <input type="checkbox" value="4" name="check"   />4
+    <script>
+      //  遍历checkbox控件，输出选中个数"
+   function jq() {
+        var value=[];
+        $('input[name="check"]:checked').each(function () {
+            value.push( $(this).val())
+        })
+        alert(value)
+   }
+
+    </script>
+
+
+
+<table id="tab">
+	<tbody>
+		<tr>
+			<td>第一行</td>
+		</tr>
+		<tr>
+			<td>第二行</td>
+		</tr>
+		<tr>
+			<td>第三行</td>
+		<tr>
+			<td>第四行</td>
+		</tr>
+		<tr>
+			<td>第五行</td>
+		</tr>
+	</tbody>
+</table>
+
+<script>
+    //设置表格序号为偶数行的文本颜色
+
+    $(document).ready(function () {
+        $("#tab tr:odd").css("background-color","red");
+        // $("#tab tr:even").css("background-color","blue")
+    })
+
+
+</script> 
+
+
+   
+</body>
+</html>
\ No newline at end of file
diff --git "a/28\350\242\201\350\264\265\346\243\256/\344\275\234\344\270\232/2022_1121_\345\205\250\351\200\211\345\217\215\351\200\211\344\275\234\344\270\232.html" "b/28\350\242\201\350\264\265\346\243\256/\344\275\234\344\270\232/2022_1121_\345\205\250\351\200\211\345\217\215\351\200\211\344\275\234\344\270\232.html"
new file mode 100644
index 0000000..2b43e87
--- /dev/null
+++ "b/28\350\242\201\350\264\265\346\243\256/\344\275\234\344\270\232/2022_1121_\345\205\250\351\200\211\345\217\215\351\200\211\344\275\234\344\270\232.html"
@@ -0,0 +1,95 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="UTF-8">
+		<title>getElementsByTagName获取checkbox进行全选</title>
+		<style type="text/css">
+			#myTable{ width: 900px; margin: 0px auto; background-color: #008000;}
+			#myTable td,#myTable th{ background-color: white;}
+			#myDiv{width: 900px; margin: 0px auto; height: 30px; line-height: 30px; 
+			text-align: center;}
+		</style>
+		<!-- <script>======代码======</script> -->
+	</head>
+	<body>
+		<table cellspacing="1" id="myTable">
+			<tr>
+					<th width="200">
+					<input type="checkbox" id="selAll" onchange="all()" />全选
+					<input type="checkbox" id="selAll" onchange="lla()" />反选
+					</th>
+				<th width="200">姓名</th>
+				<th width="200">性别</th>
+				<th width="200">专业</th>
+				<th width="200">爱好</th>
+			</tr>
+		<div id="div">
+			<tr>
+				<td><input type="checkbox"/></td>
+				<td>刘备</td>
+				<td>男</td>
+				<td>软件开发</td>
+				<td>抽烟</td>
+			</tr>
+			<tr>
+				<td><input type="checkbox"/></td>
+				<td>关羽</td>
+				<td>男</td>
+				<td>国际贸易</td>
+				<td>喝酒</td>
+			</tr>
+			<tr>
+				<td><input type="checkbox"/></td>
+				<td>张飞</td>
+				<td>男</td>
+				<td>园林设计</td>
+				<td>烫头发</td>
+			</tr>
+			<tr>
+				<td><input type="checkbox"/></td>
+				<td>赵云</td>
+				<td>男</td>
+				<td>平面设计</td>
+				<td>抽烟</td>
+			</tr>
+			<tr>
+				<td><input type="checkbox"/></td>
+				<td>黄忠</td>
+				<td>男</td>
+				<td>影视制作</td>
+				<td>玩游戏</td>
+			</tr>
+			<tr>
+				<td><input type="checkbox"/></td>
+				<td>小乔</td>
+				<td>女</td>
+				<td>高级护理</td>
+				<td>唱歌</td>
+			</tr>
+		</div>
+			
+		</table>
+
+		<script>
+			var table=document.getElementById('myTable');
+			var sel=document.getElementById('selAll');
+			var div=document.getElementById('div')
+			var input=div.getElementsByTagName('input');
+
+			var len=input.length;
+			function all() {
+				if (this.checked){
+					for (let i = 0; i < len; i++) {
+						input[i].checked=false;
+				}
+				}else{
+					for (let i = 0; i < len; i++) {
+						input[i].checked=true;
+					}
+				}
+			}
+				
+			
+		</script>
+	</body>
+</html>
\ No newline at end of file
diff --git "a/28\350\242\201\350\264\265\346\243\256/\344\275\234\344\270\232/2022_1121_\345\267\245\344\275\234\347\273\217\345\216\206\344\275\234\344\270\232.html" "b/28\350\242\201\350\264\265\346\243\256/\344\275\234\344\270\232/2022_1121_\345\267\245\344\275\234\347\273\217\345\216\206\344\275\234\344\270\232.html"
new file mode 100644
index 0000000..530446f
--- /dev/null
+++ "b/28\350\242\201\350\264\265\346\243\256/\344\275\234\344\270\232/2022_1121_\345\267\245\344\275\234\347\273\217\345\216\206\344\275\234\344\270\232.html"
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="UTF-8">
+		<title>动态添加和删除节点</title>
+		<style type="text/css">
+			.myArea{ width: 100%; height: 80px;}
+			.myDiv{ line-height: 30px;}
+		</style>
+		<script>
+            // ======代码=======
+        </script>
+	</head>
+	<body>
+		<h2>工作经历</h2>
+		<hr/>
+		<div id="myContainer">
+			<div class="myDiv" id="div1">
+				公司名称:<input type="text" />
+				职位:<input type="text" />
+				<a href="javascript:RemoveRow('div1')" onclick="del()">删除工作经历</a>
+				<br />
+				工作职责及工作内容描述:
+				<textarea class="myArea"></textarea>
+				<hr />
+			</div>			
+		</div>
+		
+		<div style="line-height: 30px; text-align: right;">
+			<a href="javascript:AddRow();">添加工作经历</a>
+		</div>
+
+		<script>
+			var div=document.getElementById('div1');
+			var txt=document.getElementsByTagName('type')
+			function del() {
+				var property=document.querySelectorAll('div');
+				if (property==txt) {
+					property=='';
+				}
+			}
+
+		</script>
+	</body>
+</html>
\ No newline at end of file
-- 
Gitee


From 4f277b079de1babaac5288ebb096b20910951553 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=A2=81=E8=B4=B5=E6=A3=AE?= <3032059138@qq.com>
Date: Mon, 28 Nov 2022 02:24:13 +0000
Subject: [PATCH 2/2] =?UTF-8?q?28=E8=A2=81=E8=B4=B5=E6=A3=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: 袁贵森 <3032059138@qq.com>
---
 ...022-1125jQuery\347\254\224\350\256\260.md" | 57 +++++++++++++++++++
 1 file changed, 57 insertions(+)
 create mode 100644 "28\350\242\201\350\264\265\346\243\256/\347\254\224\350\256\260/2022-1125jQuery\347\254\224\350\256\260.md"

diff --git "a/28\350\242\201\350\264\265\346\243\256/\347\254\224\350\256\260/2022-1125jQuery\347\254\224\350\256\260.md" "b/28\350\242\201\350\264\265\346\243\256/\347\254\224\350\256\260/2022-1125jQuery\347\254\224\350\256\260.md"
new file mode 100644
index 0000000..252df32
--- /dev/null
+++ "b/28\350\242\201\350\264\265\346\243\256/\347\254\224\350\256\260/2022-1125jQuery\347\254\224\350\256\260.md"
@@ -0,0 +1,57 @@
+# jQuery
+
+#### **jQuery 库可以通过一行简单的标记被添加到网页中。**
+
+jQuery 库位于一个 JavaScript 文件中，其中包含了所有的 jQuery 函数。
+
+<head>
+<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
+</head> 
+
+###  jQuery 选择器
+
+$(this).hide
+
+演示 jQuery 的 hide() 函数，隐藏当前的 HTML 元素。
+
+$(''_p_'').hide
+
+演示 jQuery 的 hide() 函数，隐藏所有 <p> 元素。
+
+$(''.text'').hide
+
+演示 jQuery 的 hide() 函数，隐藏所有 class="test" 的元素。
+
+$(''#text'').hide
+
+演示 jQuery 的 hide() 函数，隐藏 id="test" 的元素。
+
+------
+
+### jQuery 事件
+
+1、jQuery click()
+
+演示 jQuery jQuery click() 事件.
+
+  2、jQuery dblclick()
+演示 jQuery dblclick() 事件。
+
+3、jQuery mouseenter()
+演示 jQuery mouseenter() 事件。
+
+4、jQuery mouseleave()
+演示 jQuery mouseleave() 事件。
+
+5、jQuery mousedown()
+演示 jQuery mousedown() 事件。
+
+6、jQuery mouseup()
+演示 jQuery mouseup() 事件。
+
+7、jQuery hover()
+演示 jQuery hover() 事件。
+
+8、jQuery focus() 和 blur()
+演示 jQuery focus() 和 blur() 事件。
+
-- 
Gitee


姓名	性别	专业	爱好
刘备	男	软件开发	抽烟
关羽	男	国际贸易	喝酒
张飞	男	园林设计	烫头发
赵云	男	平面设计	抽烟
黄忠	男	影视制作	玩游戏
小乔	女	高级护理	唱歌