jQuery复习（CSS模块/筛选模块/文档处理(CUD)模块/事件模块）
摘要：视频 CSS模块 style样式 css(styleName): 根据样式名得到对应的值 css(styleName, value): 设置一个样式 css({多个样式对}): 设置多个样式 位置坐标 offset(): 读/写当前元素坐标(原点是页面左上角) position(): 读当前元素坐标
阅读全文
posted @
2023-01-15 00:15
垂序葎草
阅读(17)
推荐(0) 编辑
jQuery事件（事件委托/优化添加删除表格记录/事件委托delegate中的this对应关系）
摘要：视频 为什么要用事件委托：新增的dom元素没有对应点击事件。子元素的事件交给父元素来代为处理。父元素要知道是哪个子元素发生的。 <!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title>20_事件委托2</title> </head> <
阅读全文
posted @
2023-01-14 01:47
垂序葎草
阅读(56)
推荐(0) 编辑
jQuery事件（面试题 区别mouseover与mouseenter）
摘要：视频 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>19_事件切换</title> </head> <style type="text/css"> * { margin: 0px; } .div1 { position: ab
阅读全文
posted @
2023-01-14 01:07
垂序葎草
阅读(13)
推荐(0) 编辑
jQuery事件（事件处理，事件绑定与解绑）
摘要：视频 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>18_事件绑定与解绑</title> </head> <style type="text/css"> * { margin: 0px; } .out { position:
阅读全文
posted @
2023-01-14 00:42
垂序葎草
阅读(67)
推荐(0) 编辑
jQuery（练习2添加删除表格记录，含原生对照（原生中有去除输入框中多余空格的写法））
摘要：视频 原生 正则返回什么 正则对照表 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-
阅读全文
posted @
2023-01-13 23:40
垂序葎草
阅读(28)
推荐(0) 编辑
jQuery文档（增删改）
摘要：视频 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>17_文档_增删改</title> </head> <style type="text/css"> * { margin: 0px; } .div1 { position:
阅读全文
posted @
2023-01-13 21:52
垂序葎草
阅读(17)
推荐(0) 编辑
jQuery（练习1爱好选择器，含原生对照）
摘要：视频 原生 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-T
阅读全文
posted @
2023-01-13 21:32
垂序葎草
阅读(17)
推荐(0) 编辑
jQuery对象的筛选（查找）
摘要：视频 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>16_筛选_查找孩子-父母-兄弟标签</title> </head> <body> <div id="div1" class="box" title="one">class为
阅读全文
posted @
2023-01-12 14:32
垂序葎草
阅读(46)
推荐(0) 编辑
jQuery对象的筛选（过滤）
摘要：视频 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>15_筛选_过滤</title> </head> <body> <ul> <li>AAAAA</li> <li title="hello" class="box2">BBBB
阅读全文
posted @
2023-01-12 14:30
垂序葎草
阅读(54)
推荐(0) 编辑
jQuery回到顶部（css对应练习，循环定时器setInterval）
摘要：视频 setInterval <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>03_回到顶部</title> <style> #to_top { width: 30px; height: 40px; font: 14px/20p
阅读全文
posted @
2023-01-12 13:36
垂序葎草
阅读(32)
推荐(0) 编辑
jQuery的css（操作样式标签，找到元素位置 p15~p17 and p19）
摘要：视频 CSS <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>11_css</title> </head> <body> <p style="color: blue;">尚硅谷的后裔</p> <p style="color: g
阅读全文
posted @
2023-01-12 13:13
垂序葎草
阅读(60)
推荐(0) 编辑
jQuery（小结，了解jQuery/jQuery的两把利器/选择器/属性/文本）
摘要：视频 加粗部分是笔试常考 1. 了解jQuery 是什么: What? 一个JS函数库: write less, do more 封装简化DOM操作(CRUD) / Ajax 为什么用它: why? 强大选择器: 方便快速查找DOM元素 隐式遍历(迭代): 一次操作多个元素 读写合一: 读数据/写数
阅读全文
posted @
2023-01-12 12:30
垂序葎草
阅读(37)
推荐(0) 编辑
jQuery属性（attr和prop的区别）
摘要：视频 text()得到文本BBBBB，html()得到标签BBBBB attr(): 专门操作属性值为非布尔值的属性。 prop():专门操作属性值为布尔值的属性。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>10_属性</
阅读全文
posted @
2023-01-11 14:28
垂序葎草
阅读(34)
推荐(0) 编辑
jQuery（多tab点击切换，隐式遍历）
摘要：视频 单一操作原生的比jQuery快。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>02_多Tab点击切换</title> <script src="jquery-1.10.1.js"></script>
阅读全文
posted @
2023-01-11 14:06
垂序葎草
阅读(47)
推荐(0) 编辑
jQuery工具方法（json）
摘要：视频 json：有一定格式的字符串 1.json对象--'{"name":"Tom","age":12}' 2.json数组--'[{"name":"Tom","age":12},{"name":"Jack","age":13}]' JSON.parse(jsonString) //json字符串
阅读全文
posted @
2023-01-11 13:32
垂序葎草
阅读(74)
推荐(0) 编辑
jQuery核心函数之选择器（表单选择器）
摘要：视频 表提交的是value。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>08_表单选择器</title> </head> <body> <form> 用户名: <input type="text"/><br> 密 码: <
阅读全文
posted @
2023-01-11 13:15
垂序葎草
阅读(31)
推荐(0) 编辑
jQuery核心函数之选择器（练习表格隔行变色）
摘要：视频 行号从0开始。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>01__表格隔行变色</title> <style> div, span, p { width: 140px; height: 140px
阅读全文
posted @
2023-01-11 13:00
垂序葎草
阅读(22)
推荐(0) 编辑
jQuery核心函数之选择器（过滤选择器）
摘要：视频 相关练习题 过滤选择器的执行有先后顺序。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>07_过滤选择器</title> </head> <body> <div id="div1" class="box">class为b
阅读全文
posted @
2023-01-11 12:50
垂序葎草
阅读(25)
推荐(0) 编辑
jQuery核心函数之选择器（层次选择器）
摘要：视频 空格是选中所有后代，相当于爷爷的儿子以及孙子。 >符号是选中子元素，相当于爷爷的儿子，但没有孙子。 +符号是选中紧挨着的兄弟元素，相当于只要爷爷之后那个爷爷的弟弟。 ~符号是选中之后的所有兄弟，相当于爷爷之后所有的爷爷的兄弟。 <!DOCTYPE html> <html> <head> <me
阅读全文
posted @
2023-01-11 11:48
垂序葎草
阅读(22)
推荐(0) 编辑
jQuery核心函数之选择器（基本选择器）
摘要：视频 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>05_基本选择器</title> </head> <body> <div id="div1" class="box">div1(class="box")</div> <div
阅读全文
posted @
2023-01-11 11:32
垂序葎草
阅读(29)
推荐(0) 编辑
