随笔分类 -  javascript / jQuery库

品优购电梯导航案例
摘要：案例分析： 当我们滚动到 今日推荐 模块，就让电梯导航显示出来 点击电梯导航页面可以滚动到相应内容区域 核心算法：因为电梯导航模块和内容区模块一一对应的 当我们点击电梯导航某个小模块，就可以拿到当前小模块的索引号 就可以把animate要移动的距离求出来：当前索引号内容区模块它的offset().t 阅读全文
posted @ 2020-10-09 11:26 星辰ꦿ.大海 阅读(526) 评论(0) 推荐(0)
jQuery 尺寸、位置操作
摘要：jQuery中分别为我们提供了两套快速获取和设置元素尺寸和位置的API，方便易用，内容如下。 1. jQuery 尺寸操作 jQuery 尺寸操作包括元素宽高的获取和设置，且不一样的API对应不一样的盒子模型。 语法 代码演示 <body> <div></div> <script> $(functi 阅读全文
posted @ 2020-10-09 08:35 星辰ꦿ.大海 阅读(212) 评论(0) 推荐(0)
本地存储应用案例 ToDoList
摘要：1、案例介绍 文本框里面输入内容，按下回车，就可以生成待办事项。 点击待办事项复选框，就可以把当前数据添加到已完成事项里面。 点击已完成事项复选框，就可以把当前数据添加到待办事项里面。 但是本页面内容刷新页面不会丢失。 2、toDoList 分析 刷新页面不会丢失数据，因此需要用到本地存储 loca 阅读全文
posted @ 2020-10-08 16:53 星辰ꦿ.大海 阅读(416) 评论(0) 推荐(0)
jQuery 插件
摘要：jQuery 功能比较有限，想要更复杂的特效效果，可以借助于 jQuery 插件完成。 注意：这些插件也是依赖于jQuery来完成的，所以必须要先引入jQuery文件，因此也称为 jQuery 插件。 jQuery 插件常用的网站： jQuery 插件库 http://www.jq22.com/ j 阅读全文
posted @ 2020-10-08 16:30 星辰ꦿ.大海 阅读(194) 评论(0) 推荐(0)
jQuery 事件对象，拷贝对象，多库共存
摘要：1. jQuery 事件对象 jQuery 对DOM中的事件对象 event 进行了封装，兼容性更好，获取更方便，使用变化不大。事件被触发，就会有事件对象的产生。 语法 演示代码 <body> <div></div>​ <script> $(function() { $(document).on(" 阅读全文
posted @ 2020-10-07 20:57 星辰ꦿ.大海 阅读(135) 评论(0) 推荐(0)
jQuery 事件注册与事件处理
摘要：1. jQuery 事件注册 jQuery 为我们提供了方便的事件注册机制，操作优缺点如下： 优点: 操作简单，且不用担心事件覆盖等问题。 缺点: 普通的事件注册不能做事件委托，且无法实现事件解绑，需要借助其他方法。 语法 演示代码 <body> <div></div> <script> $(fun 阅读全文
posted @ 2020-10-07 20:53 星辰ꦿ.大海 阅读(307) 评论(0) 推荐(0)
jQuery 元素操作
摘要：jQuery 元素操作主要讲的是用jQuery方法，操作标签的遍历、创建、添加、删除等操作。 一、 遍历元素 jQuery 隐式迭代是对同一类元素做了同样的操作。 如果想要给同一类元素做不同操作，就需要用到遍历。 语法1 注意：此方法用于遍历 jQuery 对象中的每一项，回调函数中元素为 DOM 阅读全文
posted @ 2020-10-05 22:41 星辰ꦿ.大海 阅读(304) 评论(0) 推荐(0)
jQuery 文本属性值
摘要：jQuery的文本属性值常见操作有三种：html() / text() / val() ; 分别对应JS中的 innerHTML 、innerText 和 value 属性。 一、jQuery内容文本值 常见操作有三种：html() / text() / val() ; 分别对应JS中的 inner 阅读全文
posted @ 2020-10-05 22:37 星辰ꦿ.大海 阅读(248) 评论(0) 推荐(0)
jQuery 属性操作
摘要：jQuery 常用属性操作有三种：prop() / attr() / data() ; 一、元素固有属性值 prop() 所谓元素固有属性就是元素本身自带的属性，比如 <a> 元素里面的 href ，比如 <input> 元素里面的 type。 语法 注意：prop() 除了普通属性操作，更适合操作 阅读全文
posted @ 2020-10-05 22:34 星辰ꦿ.大海 阅读(178) 评论(0) 推荐(0)
jQuery 效果
摘要：jQuery 给我们封装了很多动画效果，最为常见的如下： 显示隐藏：show() / hide() / toggle() ; 划入画出：slideDown() / slideUp() / slideToggle() ; 淡入淡出：fadeIn() / fadeOut() / fadeToggle() 阅读全文
posted @ 2020-10-04 17:33 星辰ꦿ.大海 阅读(339) 评论(0) 推荐(0)
jQuery 样式操作
摘要：jQuery中常用的样式操作有两种：css() 和 设置类样式方法 1. 方法1: 操作 css 方法 jQuery 可以使用 css 方法来修改简单元素样式； 也可以操作类，修改多个样式。 常用以下三种形式 : // 1.参数只写属性名，则是返回属性值var strColor = $(this). 阅读全文
posted @ 2020-10-04 17:23 星辰ꦿ.大海 阅读(238) 评论(0) 推荐(0)
jQuery 选择器
摘要：原生 JS 获取元素方式很多，很杂，而且兼容性情况不一致，因此 jQuery 给我们做了封装，使获取元素统一标准。 1. 基础选择器 $("选择器") // 里面选择器直接写 CSS 选择器即可，但是要加引号 2. 层级选择器 层级选择器最常用的两个分别为：后代选择器和子代选择器。 基础选择器和层级 阅读全文
posted @ 2020-10-03 22:30 星辰ꦿ.大海 阅读(215) 评论(0) 推荐(0)
jQuery 介绍 以及基本使用
摘要：1.1 JavaScript 库 JavaScript库：即 library，是一个封装好的特定的集合（方法和函数）。从封装一大堆函数的角度理解库，就是在这个库中，封装了很多预先定义好的函数在里面，比如动画animate、hide、show，比如获取元素等。 简单理解： 就是一个JS 文件，里面对我 阅读全文
posted @ 2020-10-03 22:25 星辰ꦿ.大海 阅读(796) 评论(0) 推荐(0)