diff --git "a/22 \346\235\250\345\207\214\347\277\224/\347\254\254\344\272\214\345\215\201\344\270\211\346\254\241\344\275\234\344\270\232/.keep" "b/22 \346\235\250\345\207\214\347\277\224/\347\254\254\344\272\214\345\215\201\344\270\211\346\254\241\344\275\234\344\270\232/.keep" new file mode 100644 index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391 diff --git "a/22 \346\235\250\345\207\214\347\277\224/\347\254\254\344\272\214\345\215\201\344\270\211\346\254\241\344\275\234\344\270\232/\344\275\234\344\270\232/.keep" "b/22 \346\235\250\345\207\214\347\277\224/\347\254\254\344\272\214\345\215\201\344\270\211\346\254\241\344\275\234\344\270\232/\344\275\234\344\270\232/.keep" new file mode 100644 index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391 diff --git "a/22 \346\235\250\345\207\214\347\277\224/\347\254\254\344\272\214\345\215\201\344\270\211\346\254\241\344\275\234\344\270\232/\344\275\234\344\270\232/test.html" "b/22 \346\235\250\345\207\214\347\277\224/\347\254\254\344\272\214\345\215\201\344\270\211\346\254\241\344\275\234\344\270\232/\344\275\234\344\270\232/test.html" new file mode 100644 index 0000000000000000000000000000000000000000..694b80d9ba9c6da2a947f96affa642dc13fb75bd --- /dev/null +++ "b/22 \346\235\250\345\207\214\347\277\224/\347\254\254\344\272\214\345\215\201\344\270\211\346\254\241\344\275\234\344\270\232/\344\275\234\344\270\232/test.html" @@ -0,0 +1,125 @@ + + + + + + + + Document + + + + + + +
+ 0 + 1 + 2 + 3 + +
+

+
+
+ +
+

+
+ 用户名：
+ 密 码：
+ 确认密码：
+
+
+ + + + \ No newline at end of file diff --git "a/22 \346\235\250\345\207\214\347\277\224/\347\254\254\344\272\214\345\215\201\344\270\211\346\254\241\344\275\234\344\270\232/\347\254\224\350\256\260/.keep" "b/22 \346\235\250\345\207\214\347\277\224/\347\254\254\344\272\214\345\215\201\344\270\211\346\254\241\344\275\234\344\270\232/\347\254\224\350\256\260/.keep" new file mode 100644 index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391 diff --git "a/22 \346\235\250\345\207\214\347\277\224/\347\254\254\344\272\214\345\215\201\344\270\211\346\254\241\344\275\234\344\270\232/\347\254\224\350\256\260/2022-11-28-JQuery\351\200\211\346\213\251\345\231\250.md" "b/22 \346\235\250\345\207\214\347\277\224/\347\254\254\344\272\214\345\215\201\344\270\211\346\254\241\344\275\234\344\270\232/\347\254\224\350\256\260/2022-11-28-JQuery\351\200\211\346\213\251\345\231\250.md" new file mode 100644 index 0000000000000000000000000000000000000000..84e9c83bae9dcc2bc31c92947e27cf44055ee928 --- /dev/null +++ "b/22 \346\235\250\345\207\214\347\277\224/\347\254\254\344\272\214\345\215\201\344\270\211\346\254\241\344\275\234\344\270\232/\347\254\224\350\256\260/2022-11-28-JQuery\351\200\211\346\213\251\345\231\250.md" @@ -0,0 +1,39 @@ +JQuery选择器 +基本选择器 +#ID 选择器：根据 id 查找标签对象 + +.class 选择器：根据 class 查找标签对象 + +element 选择器：根据标签名查找标签对象 + +选择器：表示任意的，所有的元素 selector1，selector2 + +组合选择器：合并选择器 1，选择器 2 的结果并返回 + +层级选择器 ancestor descendant + +后代选择器 ：在给定的祖先元素下匹配所有的后代元素 parent > child + +子元素选择器：在给定的父元素下匹配所有的子元素 prev + next + +过滤选择器 基本过滤器： +:first 获取第一个元素 +:last 获取最后个元素 +:not(selector) 去除所有与给定选择器匹配的元素 +:even 匹配所有索引值为偶数的元素，从 0 开始计数 +:odd 匹配所有索引值为奇数的元素，从 0 开始计数 +:eq(index)** 匹配一个给定索引值的元素 +:gt(index) 匹配所有大于给定索引值的元素 +:lt(index) 匹配所有小于给定索引值的元素 +:header 匹配如 h1, h2, h3 之类的标题元素 +:animated 匹配所有正在执行动画效果的元素 +内容过滤器： +:contains(text) 匹配包含给定文本的元素 +:empty 匹配所有不包含子元素或者文本的空元素 +:parent 匹配含有子元素或者文本的元素 + +对CSS 的样式操作 +addClass() 添加样式 +removeClass() 删除样式 +toggleClass() 有就删除，没有就添加样式 +offset() 获取和设置元素的坐标。也可以设置元素的坐标 \ No newline at end of file diff --git "a/22 \346\235\250\345\207\214\347\277\224/\347\254\254\344\272\214\345\215\201\345\233\233\346\254\241\344\275\234\344\270\232/.keep" "b/22 \346\235\250\345\207\214\347\277\224/\347\254\254\344\272\214\345\215\201\345\233\233\346\254\241\344\275\234\344\270\232/.keep" new file mode 100644 index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391 diff --git "a/22 \346\235\250\345\207\214\347\277\224/\347\254\254\344\272\214\345\215\201\345\233\233\346\254\241\344\275\234\344\270\232/\344\275\234\344\270\232/.keep" "b/22 \346\235\250\345\207\214\347\277\224/\347\254\254\344\272\214\345\215\201\345\233\233\346\254\241\344\275\234\344\270\232/\344\275\234\344\270\232/.keep" new file mode 100644 index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391 diff --git "a/22 \346\235\250\345\207\214\347\277\224/\347\254\254\344\272\214\345\215\201\345\233\233\346\254\241\344\275\234\344\270\232/\344\275\234\344\270\232/test.html" "b/22 \346\235\250\345\207\214\347\277\224/\347\254\254\344\272\214\345\215\201\345\233\233\346\254\241\344\275\234\344\270\232/\344\275\234\344\270\232/test.html" new file mode 100644 index 0000000000000000000000000000000000000000..bbf3c54643f4755a05c74275b292e5c18692a97b --- /dev/null +++ "b/22 \346\235\250\345\207\214\347\277\224/\347\254\254\344\272\214\345\215\201\345\233\233\346\254\241\344\275\234\344\270\232/\344\275\234\344\270\232/test.html" @@ -0,0 +1,168 @@ + + + + + test + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
用户注册
用户名: + +
密码: + +
密码确认: + +
性别: + 男 + 女 + +
专业: + + +
爱好: + 抽烟 + 喝酒 + 打游戏 + 烫头发 + 足球 + 篮球 + +
自我介绍: + +
  + + +
+
+ + + \ No newline at end of file diff --git "a/22 \346\235\250\345\207\214\347\277\224/\347\254\254\344\272\214\345\215\201\345\233\233\346\254\241\344\275\234\344\270\232/\347\254\224\350\256\260/.keep" "b/22 \346\235\250\345\207\214\347\277\224/\347\254\254\344\272\214\345\215\201\345\233\233\346\254\241\344\275\234\344\270\232/\347\254\224\350\256\260/.keep" new file mode 100644 index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391 diff --git "a/22 \346\235\250\345\207\214\347\277\224/\347\254\254\344\272\214\345\215\201\345\233\233\346\254\241\344\275\234\344\270\232/\347\254\224\350\256\260/2022-11-30-\344\272\213\344\273\266\345\257\271\350\261\241.md" "b/22 \346\235\250\345\207\214\347\277\224/\347\254\254\344\272\214\345\215\201\345\233\233\346\254\241\344\275\234\344\270\232/\347\254\224\350\256\260/2022-11-30-\344\272\213\344\273\266\345\257\271\350\261\241.md" new file mode 100644 index 0000000000000000000000000000000000000000..3850f198c5f3071f9ce51e95249b19d49d057ebb --- /dev/null +++ "b/22 \346\235\250\345\207\214\347\277\224/\347\254\254\344\272\214\345\215\201\345\233\233\346\254\241\344\275\234\344\270\232/\347\254\224\350\256\260/2022-11-30-\344\272\213\344\273\266\345\257\271\350\261\241.md" @@ -0,0 +1,38 @@ +##### jQuery 中其他的事件处理方法： + +- click() 它可以绑定单击事件，以及触发单击事件 【先有一个JQuery对象，传入function是绑定，不传是触发】 +- mouseover() 鼠标移入事件 以及触发移入事件 【先有一个JQuery对象，传入function是绑定，不传是触发】 +- mouseout() 鼠标移出事件 以及触发移出事件 【先有一个JQuery对象，传入function是绑定，不传是触发】 +- bind() 可以给元素一次性绑定一个或多个事件。 【先有一个JQuery对象，传入事件名【可以多个事件】，再传入function】 +- one() 使用上跟 bind 一样。但是 one 方法绑定的事件只会响应一次。 【先有一个JQuery对象，传入事件名【可以多个事件】，再传入function】 + +#### javaScript 事件对象 + +事件对象，是封装有触发的事件信息的一个 javascript 对象。 + +我们重点关心的是怎么拿到这个 javascript 的事件对象。以及使用。 + +在给元素绑定事件的时候，在事件的 function( event ) 参数列表中添加一个参数，参数名习惯取名为 event。这个 event 就是 javascript 传递参数事件处理函数的事件对象。比如： + +``` +//1.原生 javascript 获取 事件对象 +window.onload = function () { + document.getElementById("areaDiv").onclick = function (event) { + console.log(event); + } +} +//2.jQuery 代码获取 事件对象 +$(function () { + $("#areaDiv").click(function (event) { + console.log(event); + }); +}); + //3.使用 bind 同时对多个事件绑定同一个函数。怎么获取当前操作是什么事件。 +$("#areaDiv").bind("mouseover mouseout",function (event) { + //同时绑定多个事件的时候就可以获取事件对象，对不同事件做出不同处理，对事件类型判断即可 + if (event.type == "mouseover") { + console.log("鼠标移入"); + } else if (event.type == "mouseout") { + console.log("鼠标移出"); + } +``` \ No newline at end of file