1
摘要:事件注册单个事件注册语法: $('div').click(function () { 处理的事情 })$('div').click(function () { $(this).css('backgroundColor', 'red') });$('div').mouseenter(function () { $(this).css('backgroundColor', 'black') ... 阅读全文
posted @ 2020-03-23 11:37 小白森 阅读 (33) 评论 (0) 编辑
摘要:属性操作固定属性 prop()获取固定属性$("a").prop("href") 2. 设置属性$('a').prop("title", '我们')注意:prop 更加适用disabled / checked / selected 等。自定义属性 attr()获取自定义属性$('div').attr('index') 2. 设置自定义属性$('span').attr('inde... 阅读全文
posted @ 2020-03-20 10:50 小白森 阅读 (20) 评论 (0) 编辑
摘要:jquery使用jQuery的官网地址: https://jquery.com/,官网即可下载最新版本。 Title jq基本使用JQ对象和DOM对象相互转换DOM对象转换为JQ对象var jQueryObject = $(DOM)JQ对象转换为DOM对象jQuery对象[索引值]jQuery对象.get(索引值) Title 示例代码jQuery... 阅读全文
posted @ 2020-03-18 16:40 小白森 阅读 (29) 评论 (0) 编辑
摘要:动画原理 Document 动画原理 Document 夏雨荷 动画封装 Document 点击夏雨荷才走 夏雨荷 不同动画缓动动画 Document 点击夏雨荷才走 夏雨荷 ... 阅读全文
posted @ 2020-03-18 14:09 小白森 阅读 (40) 评论 (0) 编辑
摘要:元素偏移量—offset 系列属性: Document 示例代码offset 和 style 区别:offset可以得到任意样式的样式值获取到的值没有单位只读属性,不能修改offsetWidth offsetHeight 包含padding+border+widthstyle只能获取行内样式值获取的值带单位Widt... 阅读全文
posted @ 2020-03-17 10:34 小白森 阅读 (38) 评论 (0) 编辑
摘要:顶级对象window常见的加载事件onload 当文档全部加载完成会触发(包括图像、脚本文件、CSS 文件等); 传统注册方式只能写一个,多个以最后一个为准;如果使用addEventListener则没有限制DOMContentLoaded 事件触发时,仅当DOM加载完成,不包括样式表,图片,flash等等。示例代码定时器setTimeout() 只执行一次setInterval() 反... 阅读全文
posted @ 2020-03-16 17:56 小白森 阅读 (9) 评论 (0) 编辑
摘要:事件 注册事件 给元素添加事件,为注册事件或者绑定事件 注册事件两种方式 传统方式 监听事件方式 事件监听 addEventListener() 事件监听 (IE9以上) eventTarget.addEventListener(type, listener, [useCapture]) 参数typ 阅读全文
posted @ 2020-01-20 16:57 小白森 阅读 (49) 评论 (0) 编辑
摘要:节点节点至少拥有nodeType(节点类型)、nodeName(节点名称)和nodeValue(节点值)这三个基本属性。元素节点 nodeType 为1属性节点 nodeType 为2文本节点 nodeType 为3 (文本节点包含文字,空格和换行)一般我们开发操作的是元素节点节点层级父级节点node.parentNode返回离自己最近的那个父亲没有父亲,就返回null ... 阅读全文
posted @ 2020-01-13 10:25 小白森 阅读 (31) 评论 (0) 编辑
摘要:获取元素根据 ID 获取元素语法: document.getElementById(id)2020-01-09根据标签名获取元素语法: document.getElementsByTagName('标签名') u1 ol根据类名获取元素 H5 新增语法: document.getElementsByClassName('类名')选择器方式获取元素 H5新增语法: document.q... 阅读全文
posted @ 2020-01-09 17:55 小白森 阅读 (43) 评论 (0) 编辑
摘要:创建对象利用字面量创建对象就是花括号 { } 里面包含了表达这个具体事物(对象)的属性和方法;{ } 里面采取键值对的形式表示 键:相当于属性名值:相当于属性值var star = { name: 'peach', age: 18, sayhi: function () { alert('hello') }};访问对象的属性console.log(star.n... 阅读全文
posted @ 2020-01-08 14:33 小白森 阅读 (46) 评论 (0) 编辑