2022年4月18日
jquery-事件
摘要： 单个注册事件 语法：element.事件( function ( ) { } )，比如 $('div').click( function ( ) { 事件处理程序 } )。 事件处理 on() 绑定事件 on() 方法在匹配元素上绑定一个或多个事件的事件处理函数。 语法：element.on( ev 阅读全文
posted @ 2022-04-18 14:50 守鹤 阅读(77) 评论(0) 推荐(0)
jQuery-尺寸、位置操作
摘要： jQuery尺寸 语法 用法 width() / height() 取得匹配元素宽度和高度值，只算width/height innerWidth() / innerHeight() 取得匹配元素宽度和高度值，包含 padding outerWidth() / outerHeight() 取得匹配元素 阅读全文
posted @ 2022-04-18 13:31 守鹤 阅读(93) 评论(0) 推荐(0)
jquery-元素操作
摘要： 遍历元素 jQuery 隐式迭代是对同一类元素做了同样的操作。如果想要给同一类元素做不同的操作，就需要用到遍历。 语法1：$('div').each(function ( index, dmoEle ) { xxx })。 这个方法遍历匹配的每一个元素，主要用 DOM 处理。参数 index 是每个 阅读全文
posted @ 2022-04-18 11:04 守鹤 阅读(106) 评论(0) 推荐(0)
2022年4月17日
jquery-2
摘要： jquery 选择器 jQuery 基础选择器 $('选择器')：选择器直接写 CSS 选择器，但是要加引号。 jQuery 层级选择器 名称 用法 描述 子代选择器 $('ul > li') 使用 > 号，获取亲儿子层级的元素，不会获取孙子层级的元素 后代选择器 $('ul li') 使用空格，代 阅读全文
posted @ 2022-04-17 22:27 守鹤 阅读(80) 评论(0) 推荐(0)
jquery-1
摘要： JS 库 js 库：即 library，是一个封装好的特定的集合(方法和函数)。从封装一大堆函数的角度理解库，就是在这个库中，封装了很多预先定义好的函数在里面，比如动画 animate、hide、show，比如获取元素等。 jQuery jquery 入口函数 $( function() { } ) 阅读全文
posted @ 2022-04-17 10:51 守鹤 阅读(67) 评论(0) 推荐(0)
本地存储
摘要： 本地存储的特性 1、数据是存储在用户的浏览器中。 2、设置、读取方便，甚至页面刷新或关闭都不会丢失数据。 3、容量较大，sessionStorage 约 5M、localStorage 约 20M。 4、只能存储字符串，可以将对象 JSON.stringify() 编码后存储。 window.ses 阅读全文
posted @ 2022-04-17 10:15 守鹤 阅读(216) 评论(0) 推荐(0)
2022年4月16日
classList
摘要： classList 属性 classList 属性是 H5 新增的一个属性，返回元素的类型。但是 IE10 以上版本支持。 该属性用于在元素中添加、移除以及切换 CSS 类。 添加： element.classList.add( ' 类名 ' )。 focus.classList.add('curr 阅读全文
posted @ 2022-04-16 20:25 守鹤 阅读(395) 评论(0) 推荐(0)
2022年4月15日
js移动端特效-1
摘要： 触屏事件 移动端的浏览器兼容性较好，不需要考虑 JS 的兼容性问题，可以放心的使用原生 JS 书写效果，但是移动端也有自己独特的地方。比如触屏事件 touch，Android 和 IOS 都有。 touch 对象代表一个触摸点。可能是一根手指、一根触摸笔。触屏事件可以响应用户手指(或触控笔)对屏幕或 阅读全文
posted @ 2022-04-15 19:24 守鹤 阅读(106) 评论(0) 推荐(0)
js和筋斗云案例
摘要： 节流阀 目的：当上一个函数动画执行完毕，再去执行下一个函数动画，让事件无法连续触发。 实现思路：通过回调函数，添加一个变量来控制，封锁或解锁函数。 筋斗云导航栏 鼠标移到某个 li 上面就让筋斗云跑到对应的 li 上面。鼠标滑出就让筋斗云回到起始位置。这里需要在外边提前声明一个存放起始位置的变量，如 阅读全文
posted @ 2022-04-15 09:47 守鹤 阅读(134) 评论(0) 推荐(0)
2022年4月14日
轮播图
摘要： 页面结构 整个轮播图是由一个 div 包裹，左右箭头是两个 a 标签，左右箭头默认隐藏。 图片部分由 ul 包裹，每张图片都由一个 li 包裹。小圆点部分是由 ol 包裹，里面的 li 根据有多少张图片动态生成。 鼠标滑入显示左右箭头和滑出隐藏左右箭头 首先获取到轮播图的大盒子，然后再获取左右箭头。 阅读全文
posted @ 2022-04-14 22:07 守鹤 阅读(432) 评论(0) 推荐(0)