摘要: 学习目标 //1 什么是jQuery //2 它的优点 //3 jQuery对象和DOM对象的区别 一 jQuery概述 1)概念 //1 jQuery是一个JavaScript库 //2 可以快捷方便的操作DOM 里面基本都是函数(方法)//3 给我们封装了常用功能 优化了DOM操作 事件处理 动 阅读全文
posted @ 2021-02-23 18:30 棉花糖88 阅读(79) 评论(0) 推荐(0) 编辑
摘要: 官方解释 Event 对象 代表事件的状态 比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。 事件通常与函数结合使用,函数不会在事件发生前被执行! 简单理解 事件发生后,跟事件相关的一系列信息数据的集合都存放在这个对象event里面 event对象有很多属性和方法 如果是鼠标事 阅读全文
posted @ 2021-02-23 17:08 棉花糖88 阅读(116) 评论(0) 推荐(0) 编辑
摘要: 知识梳理 // 1 在实际工作中,很少用到捕获阶段,我们更关注摸排阶段 // 2 有些事件没有冒泡的,比如:onblur onfocus onmouseenter onmouseleave// 3 事件冒泡会带来一些麻烦,但是也可以巧妙的做一些事情 一 基础理论 1)DOM事件流 当一个HTML元素 阅读全文
posted @ 2021-02-23 17:05 棉花糖88 阅读(269) 评论(0) 推荐(0) 编辑
摘要: 一 传统方式移除 1)基本语法 ul.onclick = null; 2)代码范例 <div>按钮</div> <script> //1 获取元素 var divs = document.querySelectorAll('div'); //2 绑定事件 divs[0].onclick = func 阅读全文
posted @ 2021-02-23 14:35 棉花糖88 阅读(148) 评论(0) 推荐(0) 编辑
摘要: 名词解释 侦听器:事件处理程序 事件基础 1)什么是事件 // 给元素添加事件,称为注册事件或者绑定事件。 // 有两种方式:传统方式 和 方法监听方式 2)事件三要素 事件源 事件类型 事件处理程序// 1 获取事件源// 2 注册事件( 绑定事件 )// 3 添加事件梳理程序 ( 采用函数赋值形 阅读全文
posted @ 2021-02-23 13:23 棉花糖88 阅读(137) 评论(0) 推荐(0) 编辑
摘要: 一 向文档流写入内容 document.write() 1)基本语法 document.write('text'); //不常用 了解就可以 需要向文档流中写入内容,所以,若在一个已关闭(例如,已完成加载)的文档上调用 document.write,就会自动调用 document.open,这将清空 阅读全文
posted @ 2021-02-23 13:00 棉花糖88 阅读(92) 评论(0) 推荐(0) 编辑
摘要: 辅导辅导 阅读全文
posted @ 2021-02-23 11:39 棉花糖88 阅读(45) 评论(0) 推荐(0) 编辑
摘要: 核心思路 //1 我们把文本域的值 赋值给li的时候 多添加 一个删除链接 //2 我们把所有的链接获取到 点击删除链接的时候 删除当前链接所在的li//3 阻止链接跳转需要添加 javascript:void(0); 或者 javascript:; 代码实现 <!DOCTYPE html> <ht 阅读全文
posted @ 2021-02-23 10:48 棉花糖88 阅读(89) 评论(0) 推荐(0) 编辑
摘要: 知识梳理 // . 创建节点 // . 插入节点 // . 删除节点 // . 复制节点 // . 替换节点 一 插入节点 1)基本语法 parentNode.insertBefore(newNode,referenceNode); //在指定元素前面插入元素 // parentNode 父节点 / 阅读全文
posted @ 2021-02-23 10:36 棉花糖88 阅读(87) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2021-02-23 10:18 棉花糖88 阅读(79) 评论(0) 推荐(0) 编辑
摘要: 页面布局分析 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta htt 阅读全文
posted @ 2021-02-23 08:45 棉花糖88 阅读(137) 评论(0) 推荐(0) 编辑