From 4d8a5b1b507306d476d79a607c08073732da9b28 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B0=A2=E9=87=91=E9=87=91?= <1665966989@qq.com>
Date: Tue, 29 Nov 2022 14:35:22 +0000
Subject: [PATCH 1/2] =?UTF-8?q?=E8=B0=A2=E9=87=91=E9=87=9126?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: 谢金金 <1665966989@qq.com>
---
 .../11_24\345\206\222\346\263\241.txt"        | 12 +++++++
 ...5\351\200\211\346\213\251\345\231\250.txt" |  9 +++++
 ...6\346\200\247\350\216\267\345\217\226.txt" | 34 +++++++++++++++++++
 3 files changed, 55 insertions(+)
 create mode 100644 "26\350\260\242\351\207\221\351\207\221/\347\254\224\350\256\260/11_24\345\206\222\346\263\241.txt"
 create mode 100644 "26\350\260\242\351\207\221\351\207\221/\347\254\224\350\256\260/11_25\351\200\211\346\213\251\345\231\250.txt"
 create mode 100644 "26\350\260\242\351\207\221\351\207\221/\347\254\224\350\256\260/11_28jQuery\345\261\236\346\200\247\350\216\267\345\217\226.txt"

diff --git "a/26\350\260\242\351\207\221\351\207\221/\347\254\224\350\256\260/11_24\345\206\222\346\263\241.txt" "b/26\350\260\242\351\207\221\351\207\221/\347\254\224\350\256\260/11_24\345\206\222\346\263\241.txt"
new file mode 100644
index 0000000..d0c4ddf
--- /dev/null
+++ "b/26\350\260\242\351\207\221\351\207\221/\347\254\224\350\256\260/11_24\345\206\222\346\263\241.txt"
@@ -0,0 +1,12 @@
+//事件阻止冒泡
+        // ev.stopPropagation(); //不支持ie9以下 DOM
+        // event.cancelBubble = true; //ie独有 ie
+        //事件对象
+        // ie: window.event
+        // 非ie: e
+        //事件委托（代理）
+        //把原本需要绑定在子元素的响应事件（click、keydown…）委托给父元素，让父元素担当事件[监听]
+        //阻止默认行为
+        //ev.perventDefault();
+        //ev.returnValue = false
+        // return false;
\ No newline at end of file
diff --git "a/26\350\260\242\351\207\221\351\207\221/\347\254\224\350\256\260/11_25\351\200\211\346\213\251\345\231\250.txt" "b/26\350\260\242\351\207\221\351\207\221/\347\254\224\350\256\260/11_25\351\200\211\346\213\251\345\231\250.txt"
new file mode 100644
index 0000000..9861b7f
--- /dev/null
+++ "b/26\350\260\242\351\207\221\351\207\221/\347\254\224\350\256\260/11_25\351\200\211\346\213\251\345\231\250.txt"
@@ -0,0 +1,9 @@
+//Jquery css 选择器
+        //基础选择器
+        //层次选择器
+        //后代  空格隔开
+        //子代   >
+        //相邻   +
+        //同辈   ~
+        //属性选择器 元素是否包含某个值
+        //表单伪类选择器
\ No newline at end of file
diff --git "a/26\350\260\242\351\207\221\351\207\221/\347\254\224\350\256\260/11_28jQuery\345\261\236\346\200\247\350\216\267\345\217\226.txt" "b/26\350\260\242\351\207\221\351\207\221/\347\254\224\350\256\260/11_28jQuery\345\261\236\346\200\247\350\216\267\345\217\226.txt"
new file mode 100644
index 0000000..cc6d932
--- /dev/null
+++ "b/26\350\260\242\351\207\221\351\207\221/\347\254\224\350\256\260/11_28jQuery\345\261\236\346\200\247\350\216\267\345\217\226.txt"
@@ -0,0 +1,34 @@
+//操作元素的属性
+        //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 是当前元素
\ No newline at end of file
-- 
Gitee


From 30b41b555ba2c47f0c0b8041f03f025e5bcd9bd6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B0=A2=E9=87=91=E9=87=91?= <1665966989@qq.com>
Date: Tue, 29 Nov 2022 14:38:56 +0000
Subject: [PATCH 2/2] =?UTF-8?q?=E8=B0=A2=E9=87=91=E9=87=9126?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: 谢金金 <1665966989@qq.com>
---
 ...\345\231\250\344\275\234\344\270\232.html" |  40 +++
 ...11_25\350\216\267\345\217\226checked.html" |  54 +++
 ...\346\234\237\346\234\253\350\200\203.html" | 312 ++++++++++++++++++
 3 files changed, 406 insertions(+)
 create mode 100644 "26\350\260\242\351\207\221\351\207\221/\344\275\234\344\270\232/11_24\351\200\211\346\213\251\345\231\250\344\275\234\344\270\232.html"
 create mode 100644 "26\350\260\242\351\207\221\351\207\221/\344\275\234\344\270\232/11_25\350\216\267\345\217\226checked.html"
 create mode 100644 "26\350\260\242\351\207\221\351\207\221/\344\275\234\344\270\232/11_28\346\234\237\346\234\253\350\200\203.html"

diff --git "a/26\350\260\242\351\207\221\351\207\221/\344\275\234\344\270\232/11_24\351\200\211\346\213\251\345\231\250\344\275\234\344\270\232.html" "b/26\350\260\242\351\207\221\351\207\221/\344\275\234\344\270\232/11_24\351\200\211\346\213\251\345\231\250\344\275\234\344\270\232.html"
new file mode 100644
index 0000000..2260d1a
--- /dev/null
+++ "b/26\350\260\242\351\207\221\351\207\221/\344\275\234\344\270\232/11_24\351\200\211\346\213\251\345\231\250\344\275\234\344\270\232.html"
@@ -0,0 +1,40 @@
+<!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 id="div">
+        <input type="checkbox"  value="banana">banana
+        <input type="checkbox"  value="apple">apple
+        <input type="checkbox"  value="orange">orange
+        
+    </div>
+    <p></p>
+    <input  id="baidu" type="text">
+    <script>
+       var input = document.getElementsByTagName('input');
+       console.log(input);
+    var len = input.length;
+    var p = document.querySelector('p');
+    div.onchange = function () {
+        const arr =[]
+        for (var i = 0; i < len; i++) {
+            if (input[i].checked == true) {
+                arr[i]=input[i].value
+            }
+        }
+        p.innerText='你选择的是'+arr
+    }   
+    var baidu = document.getElementById('baidu')
+    baidu.onfocus = function () {
+       
+    }
+        
+        
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git "a/26\350\260\242\351\207\221\351\207\221/\344\275\234\344\270\232/11_25\350\216\267\345\217\226checked.html" "b/26\350\260\242\351\207\221\351\207\221/\344\275\234\344\270\232/11_25\350\216\267\345\217\226checked.html"
new file mode 100644
index 0000000..9ee5ca9
--- /dev/null
+++ "b/26\350\260\242\351\207\221\351\207\221/\344\275\234\344\270\232/11_25\350\216\267\345\217\226checked.html"
@@ -0,0 +1,54 @@
+<!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="/jquery_min.js"></script>
+    
+   
+</head>
+<body>
+    <!-- 遍历checkbox控件，输出选中个数 -->
+    <div>
+    <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>
+    <script>
+        $(function(){
+        var div=$('div')[0]
+        div.onchange=()=>{
+            var a =$('input:checked')
+            console.log(a.length);
+        }
+          for (let index = 0; index < 6; index++) {
+            index = index+1
+            $('#tab tr').eq(index).css('color','red')
+          }
+        })
+    </script>
+</body>
+</html>
\ No newline at end of file
diff --git "a/26\350\260\242\351\207\221\351\207\221/\344\275\234\344\270\232/11_28\346\234\237\346\234\253\350\200\203.html" "b/26\350\260\242\351\207\221\351\207\221/\344\275\234\344\270\232/11_28\346\234\237\346\234\253\350\200\203.html"
new file mode 100644
index 0000000..243cc64
--- /dev/null
+++ "b/26\350\260\242\351\207\221\351\207\221/\344\275\234\344\270\232/11_28\346\234\237\346\234\253\350\200\203.html"
@@ -0,0 +1,312 @@
+<!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="../jq/jquery.min.js"></script>
+</head>
+
+<body>
+
+    <script type="text/javascript">
+        // 题目如下，请直接利用写好的方法，并且直接写在题目下方，要可以运行和输出，如第1题所示
+        /*
+        1、题目描述：
+        找出元素 item 在给定数组 arr 中的位置
+        输出描述:
+        如果数组中存在 item，则返回元素在数组中的位置，否则返回 -1
+        示例1  indexOf
+        输入
+        [ 1, 2, 3, 4,3 ], 3
+        输出
+        2
+        */
+        // const arr =[1,2,3,4]
+        // function indexOf(arr, item) {
+        //     for (let index = 0; index < arr.length; index++) {
+        //         if (item==arr[index]) {
+        //             return index
+        //         }
+        //     }
+        //     return -1
+        // }
+        // console.log(indexOf(arr,0));
+        // console.log(`======= 第1题 =======`);
+      
+
+        /*
+        2、题目描述：
+        计算给定数组 arr 中所有元素的总和 reduce() every()(some()) map() filter() forEach()
+        输入描述:
+        数组中的元素均为 Number 类型
+        示例1
+        输入
+        
+        [ 1, 2, 3, 4 ]
+        输出
+        
+        10*/
+        // const arr = [1,2,3,4]
+        // var Sum = 0
+        // function sum(arr) {
+        //     for (let index = 0; index < arr.length; index++) {
+        //          Sum+=arr[index]
+        //     }
+        //     console.log(Sum);
+        // }
+        // sum(arr)
+        console.log(`======= 第2题 =======`);
+
+
+        /*
+        3、题目描述
+        在数组 arr 末尾添加元素 item。不要直接修改数组 arr，结果返回新的数组
+        示例1
+        输入
+        
+        [1, 2, 3, 4],  10
+        输出
+        
+        [1, 2, 3, 4, 10]
+        */
+    //    const arr = [1, 2, 3, 4]
+    //    var item = 10
+    //    var len  = arr.length
+    //    function append(arr, item) {
+    //         arr[len] = item
+    //         return arr
+    //     }
+    //     console.log(append(arr,item));
+        console.log(`======= 第3题 =======`);
+        /*
+        4、题目描述
+        合并数组 arr1 和数组 arr2。不要直接修改数组 arr，结果返回新的数组
+        示例1
+        输入
+        
+        [1, 2, 3, 4], ['a', 'b', 'c', 1]
+        输出
+        
+        [1, 2, 3, 4, 'a', 'b', 'c', 1]
+        */
+        // const arr1 = [1, 2, 3, 4]
+        // const arr2 = ['a', 'b', 'c', 1]
+        // function concat(arr1, arr2) {
+        //      var arr3=arr1.concat(arr2);
+        //      return arr3
+        // }
+        // console.log(concat(arr1,arr2));
+        console.log(`======= 第4题 =======`);
+        /*
+        5、题目描述
+        为数组 arr 中的每个元素求二次方。不要直接修改数组 arr，结果返回新的数组
+        示例1
+        输入
+        
+        [1, 2, 3, 4]
+        输出
+        
+        [1, 4, 9, 16]
+        */
+        const arr =[1, 2, 3, 4]
+        // function square(arr) {
+        //     for (let index = 0; index < arr.length; index++) {
+        //         arr[index]=arr[index]*arr[index]
+        //     }
+        //     return arr
+        // }
+        // console.log(square(arr));
+
+        // function square(arr) {
+        //     return arr.map(function(elem, index, arr) {
+        //         return elem*elem
+        //   })
+        // }
+        // console.log(square(arr))
+        console.log(`======= 第5题 =======`);
+
+        /*
+        6、题目描述
+        定义一个计算圆面积的函数area_of_circle()，它有两个参数：
+        
+        r: 表示圆的半径；
+        pi: 表示π的值，如果不传，则默认3.14
+      */
+        // function area_of_circle(r,pi=3.14) {
+        //     var arean = r*r*pi
+        //     return arean;
+        // }
+        // var r =prompt('请输入圆的半径')
+        // alert('圆的面积为'+area_of_circle(r)) 
+        console.log(`======= 第6题 =======`);
+
+        /*
+        7、题目描述
+        用jQuery编程实现获取选中复选框值的函数abc
+        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>
+        */
+            function abc() {
+                var len = $('input[type="checkbox"]').length
+                const arr = []
+                for (let index = 0; index < len; index++) {
+                    var pd = $('input').eq([index]).prop('checked')
+                    if (pd==true) {
+                        arr[index]=$('input').eq(index).val()
+                    }
+                }
+                $('#allselect').text('你选择的选项值为：'+arr);
+            }
+        console.log(`======= 第7题 =======`);
+
+        /*
+        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 _sel(){
+            var index=document.getElementById("select").selectedIndex;//获取当前选择项的索引.
+            document.getElementById("select").options[index].value;//获取当前选择项的值.
+
+　          var obj=document.getElementById("select");
+
+        for(i=0;i<obj.length;i++) {//下拉框的长度就是它的选项数.
+
+           if(obj[i].selected==true) {
+            var text=obj[i].value;//获取当前选择项的值.
+　　　　　　}
+        console.log(text);
+　　　　}
+        }
+        
+        console.log(`======= 第8题 =======`);
+
+        /*
+        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>
+        */
+        $(function () {
+            $('#btnSubmit').click(function () {
+                var number = 0;
+                var text = $('#username').val()
+                var password = $('#password').val()
+                var twopassword = $('#password1').val()
+                var plen =$('#password').val().length
+                if (text=='' && number==0) {
+                    alert('用户名不能为空')
+                    number++;
+                }
+                if (plen<6 && number==0) {
+                    alert('你输入的密码长度不可以少于6位')
+                    number++
+                }
+                if (password != twopassword && number==0) {
+                    alert('你输入的两次密码不一致')
+                    number++
+                }else if(number==0){
+                    alert("提交成功")
+                }
+            })
+        })
+        console.log(`======= 第9题 =======`);
+        /*
+        10、题目描述
+        
+        在下面的HTML文档中，编写函数test() ,实现如下功能：
+        
+        （1）当多行文本框中的字符数超过20个，只截取20个字符
+        
+        （2）在id为number的td中显示文本框的字符个数
+        
+        HTML结构如下：
+        <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>
+        */
+        function test(){
+            var len = $('#feedBack').val().length
+            if (len>20) {
+                $('#feedBack').val($('#feedBack').val().substring(0, 20))
+                alert('超出最大留言字数')
+                len--
+            }
+            $('#number').text(len)
+        }
+        
+        console.log(`======= 第10题 =======`);
+    </script>
+    <!-- <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> -->
+    <!-- <div>
+        <form name="a">
+            <select name="a" size="1" onchange="_sel()">
+            <option value="a">1</option>
+            <option value="b">2</option>
+            <option value="c">3</option>
+            </select>
+        </form>
+    </div> -->
+    <!-- <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> -->
+    <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>
+</body>
+
+</html>
\ No newline at end of file
-- 
Gitee