diff --git "a/39\351\231\206\345\273\272\351\224\213/2022-11-21\347\254\254\345\215\201\344\271\235\346\254\241\344\275\234\344\270\232\350\216\267\345\217\226\345\261\236\346\200\247/\344\275\234\344\270\232.html" "b/39\351\231\206\345\273\272\351\224\213/2022-11-21\347\254\254\345\215\201\344\271\235\346\254\241\344\275\234\344\270\232\350\216\267\345\217\226\345\261\236\346\200\247/\344\275\234\344\270\232.html" new file mode 100644 index 0000000000000000000000000000000000000000..287b8b72b164fb8f1fd18a572e4346fb7cacc45f --- /dev/null +++ "b/39\351\231\206\345\273\272\351\224\213/2022-11-21\347\254\254\345\215\201\344\271\235\346\254\241\344\275\234\344\270\232\350\216\267\345\217\226\345\261\236\346\200\247/\344\275\234\344\270\232.html" @@ -0,0 +1,107 @@ + + + + + getElementsByTagName获取checkbox进行全选 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ 全选 + 反选 + 姓名性别专业爱好
刘备男软件开发抽烟
关羽男国际贸易喝酒
张飞男园林设计烫头发
赵云男平面设计抽烟
黄忠男影视制作玩游戏
小乔女高级护理唱歌
+ + + \ No newline at end of file diff --git "a/39\351\231\206\345\273\272\351\224\213/2022-11-21\347\254\254\345\215\201\344\271\235\346\254\241\344\275\234\344\270\232\350\216\267\345\217\226\345\261\236\346\200\247/\344\275\234\344\270\2322.html" "b/39\351\231\206\345\273\272\351\224\213/2022-11-21\347\254\254\345\215\201\344\271\235\346\254\241\344\275\234\344\270\232\350\216\267\345\217\226\345\261\236\346\200\247/\344\275\234\344\270\2322.html" new file mode 100644 index 0000000000000000000000000000000000000000..8c2f983210b4f933f5536404d8e21b6b66aa767d --- /dev/null +++ "b/39\351\231\206\345\273\272\351\224\213/2022-11-21\347\254\254\345\215\201\344\271\235\346\254\241\344\275\234\344\270\232\350\216\267\345\217\226\345\261\236\346\200\247/\344\275\234\344\270\2322.html" @@ -0,0 +1,58 @@ + + + + + + + Document + + +

工作经历

+
+
+
+ 公司名称: + 职位: + 删除工作经历 +
+ 工作职责及工作内容描述: + +
+
+
+ +
+ 添加工作经历 +
+ + + \ No newline at end of file diff --git "a/39\351\231\206\345\273\272\351\224\213/2022-11-21\347\254\254\345\215\201\344\271\235\346\254\241\344\275\234\344\270\232\350\216\267\345\217\226\345\261\236\346\200\247/\347\254\224\350\256\260.md" "b/39\351\231\206\345\273\272\351\224\213/2022-11-21\347\254\254\345\215\201\344\271\235\346\254\241\344\275\234\344\270\232\350\216\267\345\217\226\345\261\236\346\200\247/\347\254\224\350\256\260.md" new file mode 100644 index 0000000000000000000000000000000000000000..313cae64b20859b449ece41a2198644d54bf4334 --- /dev/null +++ "b/39\351\231\206\345\273\272\351\224\213/2022-11-21\347\254\254\345\215\201\344\271\235\346\254\241\344\275\234\344\270\232\350\216\267\345\217\226\345\261\236\346\200\247/\347\254\224\350\256\260.md" @@ -0,0 +1,5 @@ +innerHTML与innerText的区别: + innerHTML获取的是文本内容和标签，但是innerText是只获取文本内容 + innerHTML具备解析字符串的能力，但是innerText没有 +value: + 在JavaScript中，value属性可以设置或者返回文本域的默认值，语法为“attribute.value=value”或者“attribute.value” \ No newline at end of file diff --git "a/39\351\231\206\345\273\272\351\224\213/2022-11-23\347\254\254\344\272\214\345\215\201\346\254\241\344\275\234\344\270\232\344\272\213\344\273\266/\344\275\234\344\270\232.html" "b/39\351\231\206\345\273\272\351\224\213/2022-11-23\347\254\254\344\272\214\345\215\201\346\254\241\344\275\234\344\270\232\344\272\213\344\273\266/\344\275\234\344\270\232.html" new file mode 100644 index 0000000000000000000000000000000000000000..3c64d95e91e0c5f3a8b4e7199b740d6e2501c613 --- /dev/null +++ "b/39\351\231\206\345\273\272\351\224\213/2022-11-23\347\254\254\344\272\214\345\215\201\346\254\241\344\275\234\344\270\232\344\272\213\344\273\266/\344\275\234\344\270\232.html" @@ -0,0 +1,33 @@ + + + + + + + Document + + + + + + \ No newline at end of file diff --git "a/39\351\231\206\345\273\272\351\224\213/2022-11-23\347\254\254\344\272\214\345\215\201\346\254\241\344\275\234\344\270\232\344\272\213\344\273\266/\347\254\224\350\256\260.md" "b/39\351\231\206\345\273\272\351\224\213/2022-11-23\347\254\254\344\272\214\345\215\201\346\254\241\344\275\234\344\270\232\344\272\213\344\273\266/\347\254\224\350\256\260.md" new file mode 100644 index 0000000000000000000000000000000000000000..89e9a6a02cfb09ecc0486ee9983fe0077d83a7c7 --- /dev/null +++ "b/39\351\231\206\345\273\272\351\224\213/2022-11-23\347\254\254\344\272\214\345\215\201\346\254\241\344\275\234\344\270\232\344\272\213\344\273\266/\347\254\224\350\256\260.md" @@ -0,0 +1,36 @@ +事件： + DOM 0 当有多个同类型事件触发时，只会触发一个 ，兼容性较高 + var btn = document.querySelector('button'); + //点击 + function aler() { + btn.onclick = function () { + alert('全是帅哥'); + } + } + //优先级更高 + btn.onclick = function () { + alert('全是学霸'); + } + + DOM 2: + 当有多个同类型事件触发时，会依次触发， 兼容性较差 + + 事件取消: + btn.removeEventListener('click',fn); +事件流： + 事件从最外层开始捕获，直到当前元素（触发事件的对象），再从当前元素向外冒泡到document + 事件会自发冒泡(微软)（从里层向外层冒泡，直到document） + 事件捕获(网景)（从最外层向里层） + addEventListener('click',fn2,false)：默认false，表示冒泡 true：捕获 + 例子： + var div1 = document.getElementById('box1'); + var body = document.getElementById('body'); + div.addEventListener('click',fn2,false); + function fn2() { + alert('这是外层div里面的点击事件') + } + div1.addEventListener('click',fn,false); + function fn() { + alert('这是内层div里面的点击事件') + } + \ No newline at end of file diff --git "a/39\351\231\206\345\273\272\351\224\213/2022-11-24\347\254\254\344\272\214\345\215\201\344\270\200\346\254\241\344\275\234\344\270\232\344\272\213\344\273\266\345\257\271\350\261\241/\344\275\234\344\270\2321.html" "b/39\351\231\206\345\273\272\351\224\213/2022-11-24\347\254\254\344\272\214\345\215\201\344\270\200\346\254\241\344\275\234\344\270\232\344\272\213\344\273\266\345\257\271\350\261\241/\344\275\234\344\270\2321.html" new file mode 100644 index 0000000000000000000000000000000000000000..4c92cd9169f0865e3752bec8826d4f3fada720c9 --- /dev/null +++ "b/39\351\231\206\345\273\272\351\224\213/2022-11-24\347\254\254\344\272\214\345\215\201\344\270\200\346\254\241\344\275\234\344\270\232\344\272\213\344\273\266\345\257\271\350\261\241/\344\275\234\344\270\2321.html" @@ -0,0 +1,33 @@ + + + + + + + Document + + + + + + + \ No newline at end of file diff --git "a/39\351\231\206\345\273\272\351\224\213/2022-11-24\347\254\254\344\272\214\345\215\201\344\270\200\346\254\241\344\275\234\344\270\232\344\272\213\344\273\266\345\257\271\350\261\241/\344\275\234\344\270\2322.html" "b/39\351\231\206\345\273\272\351\224\213/2022-11-24\347\254\254\344\272\214\345\215\201\344\270\200\346\254\241\344\275\234\344\270\232\344\272\213\344\273\266\345\257\271\350\261\241/\344\275\234\344\270\2322.html" new file mode 100644 index 0000000000000000000000000000000000000000..a3600915132f6b3d8862ac46b0c823808ded63e4 --- /dev/null +++ "b/39\351\231\206\345\273\272\351\224\213/2022-11-24\347\254\254\344\272\214\345\215\201\344\270\200\346\254\241\344\275\234\344\270\232\344\272\213\344\273\266\345\257\271\350\261\241/\344\275\234\344\270\2322.html" @@ -0,0 +1,33 @@ + + + + + + + Document + + +
+ banana + apple + orange +
+

+ + + \ No newline at end of file diff --git "a/39\351\231\206\345\273\272\351\224\213/2022-11-24\347\254\254\344\272\214\345\215\201\344\270\200\346\254\241\344\275\234\344\270\232\344\272\213\344\273\266\345\257\271\350\261\241/\347\254\224\350\256\260.md" "b/39\351\231\206\345\273\272\351\224\213/2022-11-24\347\254\254\344\272\214\345\215\201\344\270\200\346\254\241\344\275\234\344\270\232\344\272\213\344\273\266\345\257\271\350\261\241/\347\254\224\350\256\260.md" new file mode 100644 index 0000000000000000000000000000000000000000..99ba9cdef11a083412552fdc259316b40edb3855 --- /dev/null +++ "b/39\351\231\206\345\273\272\351\224\213/2022-11-24\347\254\254\344\272\214\345\215\201\344\270\200\346\254\241\344\275\234\344\270\232\344\272\213\344\273\266\345\257\271\350\261\241/\347\254\224\350\256\260.md" @@ -0,0 +1,21 @@ +# 15、事件 + +需要设置事件的对象.addEventListener(事件类型,需要执行的函数,Boolean)：设置事件 + +需要取消事件的对象.removeEventListener(事件类型,需要执行的函数)：取消事件 + +## 事件流 + +.addEventListener(事件类型,需要执行的函数,Boolean)：默认false表示冒泡;true：捕获 + +冒泡：从内往外 + +捕获：从外往内 + +## 事件对象 + +事件对象产生时间:当有事件触发的时候，会自动生成事件对象 + +事件源对象:触发该事件的对象：event.target + +阻止默认行为：e.preventDefault(); \ No newline at end of file diff --git "a/39\351\231\206\345\273\272\351\224\213/2022-11-25\347\254\254\344\272\214\345\215\201\344\272\214\346\254\241\344\275\234\344\270\232JQuery\345\210\235\350\257\206/\344\275\234\344\270\232.html" "b/39\351\231\206\345\273\272\351\224\213/2022-11-25\347\254\254\344\272\214\345\215\201\344\272\214\346\254\241\344\275\234\344\270\232JQuery\345\210\235\350\257\206/\344\275\234\344\270\232.html" new file mode 100644 index 0000000000000000000000000000000000000000..0e8601f79cd580db24c20827cf837046c8721eae --- /dev/null +++ "b/39\351\231\206\345\273\272\351\224\213/2022-11-25\347\254\254\344\272\214\345\215\201\344\272\214\346\254\241\344\275\234\344\270\232JQuery\345\210\235\350\257\206/\344\275\234\344\270\232.html" @@ -0,0 +1,63 @@ + + + + + + + Document + + + + + + + + + + + + + + + + + + + + + +
第一行第一行
第二行第二行
第三行第三行
第四行第四行
第五行第五行
+ + + + + + + + + diff --git "a/39\351\231\206\345\273\272\351\224\213/2022-11-25\347\254\254\344\272\214\345\215\201\344\272\214\346\254\241\344\275\234\344\270\232JQuery\345\210\235\350\257\206/\347\254\224\350\256\260.md" "b/39\351\231\206\345\273\272\351\224\213/2022-11-25\347\254\254\344\272\214\345\215\201\344\272\214\346\254\241\344\275\234\344\270\232JQuery\345\210\235\350\257\206/\347\254\224\350\256\260.md" new file mode 100644 index 0000000000000000000000000000000000000000..27515c3506eeec44a0773db15ee94206c044cbb4 --- /dev/null +++ "b/39\351\231\206\345\273\272\351\224\213/2022-11-25\347\254\254\344\272\214\345\215\201\344\272\214\346\254\241\344\275\234\344\270\232JQuery\345\210\235\350\257\206/\347\254\224\350\256\260.md" @@ -0,0 +1,40 @@ +JQuery的优点： + 1.代码简洁 2.完美兼容 3. 轻量级 4. 强大的选择器 5. 完善的AJAX 6. 丰富的插件 “简洁与高效”是jQuery最大的特点。 +Dom与Jquery包装集对象 + 1.将DOM对象转成JQuery对象 + var jqDiv = $(div); + $(jqDiv).click( + function () { + alert('这是js包装集对象弹窗') + } + + 2.jquery对象 -->dom对象 + console.log($('.div')[0]); +JQuery选择器 + 基础选择器：标签选择器 + $('div') + + id:# class: . + + 选择所有元素:document之下的 + console.log($('*')); + + 群组选择器 + console.log($('#box,.btn')); + 层次选择器 + 1.后代:所有后代（不止一代）的元素 $('#parent div') + 2.子代(只找后面一代)：$('#parent>div') + 3.相邻选择器:只能找后面一个元素 + 4.同辈选择器:往后找多个 + 伪类选择器 + 获取所有表单元素 $(':input') + + 标签 + console.log($('input')); + + 获取密码框 + console.log($(':password')); + + 表单属性伪类选择器 + console.log($('input:checked')); + console.log($(':selected')); diff --git "a/39\351\231\206\345\273\272\351\224\213/2022-11-28\347\254\254\344\272\214\345\215\201\344\270\211\346\254\241\344\275\234\344\270\232jquery\346\223\215\344\275\234\345\261\236\346\200\247/\344\275\234\344\270\232.html" "b/39\351\231\206\345\273\272\351\224\213/2022-11-28\347\254\254\344\272\214\345\215\201\344\270\211\346\254\241\344\275\234\344\270\232jquery\346\223\215\344\275\234\345\261\236\346\200\247/\344\275\234\344\270\232.html" new file mode 100644 index 0000000000000000000000000000000000000000..0fe2096653fa5a591e95380e24d22ed95f8617af --- /dev/null +++ "b/39\351\231\206\345\273\272\351\224\213/2022-11-28\347\254\254\344\272\214\345\215\201\344\270\211\346\254\241\344\275\234\344\270\232jquery\346\223\215\344\275\234\345\261\236\346\200\247/\344\275\234\344\270\232.html" @@ -0,0 +1,108 @@ + + + + + + + Document + + + + +
+ 0 + 1 + 2 + 3 + +
+
+ + +
+
+ +
+
+ + + +
+ 用户名：
+ 密 码：
+ 确认密码：
+
+
+ + + + + + + + + + +
留言 0
+ +
+ + + + + \ No newline at end of file diff --git "a/39\351\231\206\345\273\272\351\224\213/2022-11-28\347\254\254\344\272\214\345\215\201\344\270\211\346\254\241\344\275\234\344\270\232jquery\346\223\215\344\275\234\345\261\236\346\200\247/\347\254\224\350\256\260.md" "b/39\351\231\206\345\273\272\351\224\213/2022-11-28\347\254\254\344\272\214\345\215\201\344\270\211\346\254\241\344\275\234\344\270\232jquery\346\223\215\344\275\234\345\261\236\346\200\247/\347\254\224\350\256\260.md" new file mode 100644 index 0000000000000000000000000000000000000000..5bab9644e826c323772fb8c464949d960c6cadce --- /dev/null +++ "b/39\351\231\206\345\273\272\351\224\213/2022-11-28\347\254\254\344\272\214\345\215\201\344\270\211\346\254\241\344\275\234\344\270\232jquery\346\223\215\344\275\234\345\261\236\346\200\247/\347\254\224\350\256\260.md" @@ -0,0 +1,75 @@ +属性分类： 固有属性 + 固有属性-->返回值是bool类型的属性(checked, selected, disabled..)： true或者false: + 自定义的属性 + + 1.查询固有属性方法attr(属性名) + console.log($('#aa').attr('name')); + + 返回是bool类型的属性:prop + console.log($('#aa').prop('checked')); + + 对于自定义属性:只有attr才能定义属性, + + 移除属性:removeAttr + $('#aa').removeAttr('age'); + +操作元素的样式 + attr('class') ：获取属性的值，即样式名称 + + attr('class','样式名'):修改class属性的值，修改样式 + + addClass('样式名') ：添加样式名称 + + css() ：添加具体的样式 + 多样:$('#conRed').css({"background":"cyan", "color":"red"}) + + removeClass(class):移除样式名称 + +操作元素内容： + html() ：获取元素的html内容 + html('html内容') ：设定元素的内容 + text():获取元素的内容，不识别html标签 + text('text 内容'): 设置元素的文本内容，不识别html标签 + val():获取元素的值（表单元素 + val('值'): 设定元素的值 + + + +元素的增删改查 + 创建元素(dom:createNode('h2')):只能添加到某一位置 + var $h3 = $('

这是新创建的元素

'); + //1.在$('f1')添加子元素($h3) + // $('#f1').prepend($h3); // + + //添加子元素($h3)到$('f1') + // $h3.prependTo($('#f1')) + + //append:添加子元素 + // $('#f2').after($h3); + // $h3.appendTo($('#f2')); + + //after:添加到同辈 insertafter + // $('#f2').after($h3); + + //before: + // $('#f2').before($h3); + + //remove:子元素级自身删除 + // $('.green').remove(); + //empty：删除子元素，自身不会被删除 + // $('.green').empty(); + + //each 0 1 + $('span').each( + function (index,element) { + if(index==0){ + $(element).css('color','white') + }else{ + $(this).css('color','red') + } + } + ) + + + + \ No newline at end of file