diff --git "a/07 \345\273\226\346\262\273\345\205\210/\344\275\234\344\270\232/2022-11-23 \344\275\234\344\270\232.html" "b/07 \345\273\226\346\262\273\345\205\210/\344\275\234\344\270\232/2022-11-23 \344\275\234\344\270\232.html" new file mode 100644 index 0000000000000000000000000000000000000000..69fbea692c64f09a287c0246b4d31159bcf95821 --- /dev/null +++ "b/07 \345\273\226\346\262\273\345\205\210/\344\275\234\344\270\232/2022-11-23 \344\275\234\344\270\232.html" @@ -0,0 +1,49 @@ + + + + + + + Document + + + +
+
+ +
+
+ + + \ No newline at end of file diff --git "a/07 \345\273\226\346\262\273\345\205\210/\344\275\234\344\270\232/2022-11-24\344\275\234\344\270\232.html" "b/07 \345\273\226\346\262\273\345\205\210/\344\275\234\344\270\232/2022-11-24\344\275\234\344\270\232.html" new file mode 100644 index 0000000000000000000000000000000000000000..b46f03aacb8e0366bb2071114ea87df1c497c074 --- /dev/null +++ "b/07 \345\273\226\346\262\273\345\205\210/\344\275\234\344\270\232/2022-11-24\344\275\234\344\270\232.html" @@ -0,0 +1,46 @@ + + + + + + + Document + + +
+ apple + orange + banana +
+

+
+ +
+ + + \ No newline at end of file diff --git "a/07 \345\273\226\346\262\273\345\205\210/\344\275\234\344\270\232/2022-11-25\344\275\234\344\270\232.html" "b/07 \345\273\226\346\262\273\345\205\210/\344\275\234\344\270\232/2022-11-25\344\275\234\344\270\232.html" new file mode 100644 index 0000000000000000000000000000000000000000..a93dce504baf65be4b0a72d7d034c4ac967e5f48 --- /dev/null +++ "b/07 \345\273\226\346\262\273\345\205\210/\344\275\234\344\270\232/2022-11-25\344\275\234\344\270\232.html" @@ -0,0 +1,58 @@ + + + + + + + Document + + + + +
+ + + + +
+ + + + + + + + + + + + + + + + + + +
第一行第一行
第二行第二行
第三行第三行
第四行第四行
第五行第五行
+ + + \ No newline at end of file diff --git "a/07 \345\273\226\346\262\273\345\205\210/\344\275\234\344\270\232/2022-11-28\344\275\234\344\270\232.html" "b/07 \345\273\226\346\262\273\345\205\210/\344\275\234\344\270\232/2022-11-28\344\275\234\344\270\232.html" new file mode 100644 index 0000000000000000000000000000000000000000..188eec28190a64abc53f2aeda7e346aa4e9eb4a1 --- /dev/null +++ "b/07 \345\273\226\346\262\273\345\205\210/\344\275\234\344\270\232/2022-11-28\344\275\234\344\270\232.html" @@ -0,0 +1,153 @@ + + + + + + + + Document + + +
+ 0 + 1 + 2 + 3 + +
+
+
+
+ +
+
+
+ 用户名：
+ 密 码：
+ 确认密码：
+
+
+ + + + + + + + +
留言 0
+ +
+ + + + \ No newline at end of file diff --git "a/07 \345\273\226\346\262\273\345\205\210/\344\275\234\344\270\232/2022-11-30\344\275\234\344\270\232.html" "b/07 \345\273\226\346\262\273\345\205\210/\344\275\234\344\270\232/2022-11-30\344\275\234\344\270\232.html" new file mode 100644 index 0000000000000000000000000000000000000000..6031109538a580c678e2c000ffb44c9680f91e36 --- /dev/null +++ "b/07 \345\273\226\346\262\273\345\205\210/\344\275\234\344\270\232/2022-11-30\344\275\234\344\270\232.html" @@ -0,0 +1,219 @@ + + + + + 注册表单验证 + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
用户注册
用户名: + 用户名不能为空 +
密码: + 密码不能为空 +
密码确认: + 请输入相同的密码 +
性别: + 男 + 女 + 请选择性别 +
专业: + + 请选择你的专业 +
爱好: + 抽烟 + 喝酒 + 打游戏 + 烫头发 + 足球 + 篮球 + 必须选择一个爱好 +
自我介绍: + + 自我介绍不能为空 +
  + + +
+
+ + + + \ No newline at end of file diff --git "a/07 \345\273\226\346\262\273\345\205\210/\347\254\224\350\256\260/20022-11-30\347\254\224\350\256\260 \344\272\213\344\273\266\345\257\271\350\261\241 .md" "b/07 \345\273\226\346\262\273\345\205\210/\347\254\224\350\256\260/20022-11-30\347\254\224\350\256\260 \344\272\213\344\273\266\345\257\271\350\261\241 .md" new file mode 100644 index 0000000000000000000000000000000000000000..9bcf043718fde752894cb64e43386bd7eef8167a --- /dev/null +++ "b/07 \345\273\226\346\262\273\345\205\210/\347\254\224\350\256\260/20022-11-30\347\254\224\350\256\260 \344\272\213\344\273\266\345\257\271\350\261\241 .md" @@ -0,0 +1,26 @@ +合成事件hover + +``` +$().hover(fn1, fn2) +``` + +一次事件 + +``` +$(selector).one(type, fn) //只能使用一次 +``` + +阻止事件冒泡：event.stopPropagation() + +阻止默认行为：event.preventDefault() + +##### event.type + +在jQuery中，我们可以使用event对象的type属性来获取事件的类型。 + +##### event.which + +在jQuery中，我们可以使用event对象的which属性来获取单击事件中鼠标的左、中、右键。 + +说明： +event.which会返回一个数字，其中1表示左键，2表示中键，3表示右键。 \ No newline at end of file diff --git "a/07 \345\273\226\346\262\273\345\205\210/\347\254\224\350\256\260/2022-11-23\344\272\213\344\273\266.md" "b/07 \345\273\226\346\262\273\345\205\210/\347\254\224\350\256\260/2022-11-23\344\272\213\344\273\266.md" new file mode 100644 index 0000000000000000000000000000000000000000..e6285fb397ac75fb6ab72c9465b0e7d6be03c7c2 --- /dev/null +++ "b/07 \345\273\226\346\262\273\345\205\210/\347\254\224\350\256\260/2022-11-23\344\272\213\344\273\266.md" @@ -0,0 +1,17 @@ +``` +鼠标单击事件 btn.addEventListener('click',fn); +鼠标双击事件 btn.addEventListener('dblclick',fn); +鼠标双击移动 btn.addEventListener('mousemove',fn); +``` + +``` +事件取消 btn.removeEventListener('click',fn); +``` + +``` + //addEventListener('click',fn2,false)：默认false，表示冒泡 true：捕获 + //事件从最外层开始捕获，直到当前元素（触发事件的对象），再从当前元素向外冒泡到document + //事件会自发冒泡(微软)（从里层向外层冒泡，直到document） + //事件捕获(网景)（从最外层向里层） +``` + diff --git "a/07 \345\273\226\346\262\273\345\205\210/\347\254\224\350\256\260/2022-11-23\347\254\224\350\256\260 \344\272\213\344\273\266.md" "b/07 \345\273\226\346\262\273\345\205\210/\347\254\224\350\256\260/2022-11-23\347\254\224\350\256\260 \344\272\213\344\273\266.md" new file mode 100644 index 0000000000000000000000000000000000000000..e6285fb397ac75fb6ab72c9465b0e7d6be03c7c2 --- /dev/null +++ "b/07 \345\273\226\346\262\273\345\205\210/\347\254\224\350\256\260/2022-11-23\347\254\224\350\256\260 \344\272\213\344\273\266.md" @@ -0,0 +1,17 @@ +``` +鼠标单击事件 btn.addEventListener('click',fn); +鼠标双击事件 btn.addEventListener('dblclick',fn); +鼠标双击移动 btn.addEventListener('mousemove',fn); +``` + +``` +事件取消 btn.removeEventListener('click',fn); +``` + +``` + //addEventListener('click',fn2,false)：默认false，表示冒泡 true：捕获 + //事件从最外层开始捕获，直到当前元素（触发事件的对象），再从当前元素向外冒泡到document + //事件会自发冒泡(微软)（从里层向外层冒泡，直到document） + //事件捕获(网景)（从最外层向里层） +``` + diff --git "a/07 \345\273\226\346\262\273\345\205\210/\347\254\224\350\256\260/2022-11-24\347\254\224\350\256\260 \351\274\240\346\240\207\344\272\213\344\273\266.md" "b/07 \345\273\226\346\262\273\345\205\210/\347\254\224\350\256\260/2022-11-24\347\254\224\350\256\260 \351\274\240\346\240\207\344\272\213\344\273\266.md" new file mode 100644 index 0000000000000000000000000000000000000000..10812b7d58159849e10baecf15f00ff609d01820 --- /dev/null +++ "b/07 \345\273\226\346\262\273\345\205\210/\347\254\224\350\256\260/2022-11-24\347\254\224\350\256\260 \351\274\240\346\240\207\344\272\213\344\273\266.md" @@ -0,0 +1,42 @@ +``` +var event =event || window.event +event->指向触发事件的对象 +event.target//在哪个元素对象里面，就指向谁 +//阻止冒泡事件 +event.stopPropagation(); +//阻止默认行为 +e.returnValue = false; +``` + + + +``` +1.点击事件 + +onclick：单击事件 + +ondblclick：双击事件 + +2.焦点事件 + +onblur：失去焦点 + +onfocus:元素获得焦点。 + +3.加载事件 + +onload：一张页面或一幅图像完成加载。（滚轮事件需要加载事件） + +4.鼠标事件 + +onmousedown： 鼠标按钮被按下。 + +onmouseup： 鼠标按键被松开。 + +onmousemove： 鼠标被移动。 + +onmouseover： 鼠标移到某元素之上。= mouseenter：鼠标移到某元素之上。 + +onmouseout ：鼠标从某元素移开。 = mouseleave：鼠标从某元素移开。 +``` + diff --git "a/07 \345\273\226\346\262\273\345\205\210/\347\254\224\350\256\260/2022-11-25\347\254\224\350\256\260 jquery\345\237\272\347\241\200 .md" "b/07 \345\273\226\346\262\273\345\205\210/\347\254\224\350\256\260/2022-11-25\347\254\224\350\256\260 jquery\345\237\272\347\241\200 .md" new file mode 100644 index 0000000000000000000000000000000000000000..a90e31f6472a2f172dddb7995e230cbeda4bc9c6 --- /dev/null +++ "b/07 \345\273\226\346\262\273\345\205\210/\347\254\224\350\256\260/2022-11-25\347\254\224\350\256\260 jquery\345\237\272\347\241\200 .md" @@ -0,0 +1,39 @@ +引入jquery + +``` + +``` + +标签选择器 + +``` +$("标签名") +``` + +层次选择器 + +``` +后代选择器 +$('#parent div'):选择id为parent的元素的所有div元素 +子代选择器 +$('#parent>div'):选择id为parent的直接div子元素 +相邻选择器 +$('.blue + img'):选择css类为blue的下一个img元素 +同辈选择器 +$('.blue ~ img'):选择css类为blue的之后的img元素 +``` + +表单伪类选择器 + +| Forms | 名称 | 举例 | +| -------------- | --------- | ------------------------------------------------------------ | +| 表单选择器 | :input | 查找所有input元素: $(':input');
注意：会匹配所有的input, textarea,select和button元素 | +| 文本框选择器 | :text | 查找所有的文本框: $(':text') | +| 密码框选择器 | :password | 查找所有密码框 | +| 单选按钮选择器 | :radio | 查找所有单选按钮 | +| 复选框选择器 | :checkbox | 查找所有复选框 | +| 提交按钮选择器 | :submit | 查找所有提交按钮 | +| 图像域选择器 | :image | 查找所有图像域 | +| 重置按钮选择器 | :reset | 查找所有重置按钮 | +| 按钮选择器 | :button | 查找所有按钮 | +| 文本域选择器 | :file | 查找所有文本域 | \ No newline at end of file diff --git "a/07 \345\273\226\346\262\273\345\205\210/\347\254\224\350\256\260/2022-11-28\347\254\224\350\256\260 \345\261\236\346\200\247 \344\272\213\344\273\266.md" "b/07 \345\273\226\346\262\273\345\205\210/\347\254\224\350\256\260/2022-11-28\347\254\224\350\256\260 \345\261\236\346\200\247 \344\272\213\344\273\266.md" new file mode 100644 index 0000000000000000000000000000000000000000..cc2a7e3bf75cb706672e6110f41244b089cb5ad5 --- /dev/null +++ "b/07 \345\273\226\346\262\273\345\205\210/\347\254\224\350\256\260/2022-11-28\347\254\224\350\256\260 \345\261\236\346\200\247 \344\272\213\344\273\266.md" @@ -0,0 +1,56 @@ +获取属性： + +attr(属性名称) + +获取boolean类型属性：(checked ,selected, disabled) + +prop(属性名称) + +设置属性: + +attr('属性名','属性值') + +移除属性： + +removeAttr('属性名') + +操作元素的样式： + +``` +1) css('样式名','样式值') + 例: css('color','red') + +2) css({'样式名':'样式值','样式名2':'样式值2'}) + 例: css({'background-color':'red','color':'red'}) +``` + +操作元素内容： + +``` +html() +text() +val () +在括号中写值可以设置内容 +``` + +创建元素： + +$('元素内容'); + +添加元素： + +prepend() + +append() + +before() 在元素前插入指定的元素或内容 + +after() 在元素后插入指定的元素或内容 + +删除元素： + +remove() 删除所选元素或指定的子元素，包括整个标签和内容一起删 + +empty() 清除所选元素的内容 + + \ No newline at end of file