223 jQuery 尺寸、位置操作
摘要： jQuery中分别为我们提供了两套快速获取和设置元素尺寸和位置的API，方便易用，内容如下。 1.4.1 jQuery 尺寸操作 jQuery 尺寸操作包括元素宽高的获取和设置，且不一样的API对应不一样的盒子模型。 语法 代码演示 注意：有了这套 API 我们将可以快速获取和子的宽高，
阅读全文
posted @ 2020-01-18 10:47
随笔分类 - 前端jQuery
222 jQuery 多库共存
摘要： 实际开发中，很多项目连续开发十多年，jQuery版本不断更新，最初的 jQuery 版本无法满足需求，这时就需要保证在旧有版本正常运行的情况下，新的功能使用新的jQuery版本实现，这种情况被称为，jQuery 多库共存。 语法
阅读全文
posted @ 2020-01-18 10:44
221 jQuery 拷贝对象：$.extend()
摘要： jQuery中分别为我们提供了两套快速获取和设置元素尺寸和位置的API，方便易用，内容如下。 语法 演示代码
阅读全文
posted @ 2020-01-18 10:42
220 jQuery 事件对象
摘要： jQuery 对DOM中的事件对象 event 进行了封装，兼容性更好，获取更方便，使用变化不大。事件被触发，就会有事件对象的产生。 语法 演示代码 注意：jQuery中的 event 对象使用，可以借鉴 API 和 DOM 中的 event 。
阅读全文
posted @ 2020-01-18 10:40
219 jQuery事件处理： off() 解绑事件，trigger() 、triggerHandler() 自动触发事件
摘要： 当某个事件上面的逻辑，在特定需求下不需要的时候，可以把该事件上的逻辑移除，这个过程我们称为事件解绑。jQuery 为我们提供 了多种事件解绑方法：die() / undelegate() / off() 等，甚至还有只触发一次的事件绑定方法 one()，在这里我们重点讲解一下 off() ; 语
阅读全文
posted @ 2020-01-18 10:39
218 事件处理 on() 绑定事件
摘要： 因为普通注册事件方法的不足，jQuery又创建了多个新的事件绑定方法bind() / live() / delegate() / on()等，其中最好用的是: on() 语法 演示代码 1.2.2 案例：发布微博案例 1.点击发布按钮， 动态创建一个小li，放入文本框的内容和删除按钮， 并且添加
阅读全文
posted @ 2020-01-17 22:54
217 jQuery 元素操作：遍历，创建，添加（append、prepend、after、before），删除（remove、empty、html）
摘要：jQuery 元素操作主要讲的是用jQuery方法，操作标签的遍历、创建、添加、删除等操作。 append，prepend，after，before，remove，empty，html 1.3.1 遍历元素 jQuery 隐式迭代是对 同一类元素做了同样的操作 。 如果想要给同一类元素做不同操作
阅读全文
posted @ 2020-01-17 17:09
216 jQuery 文本属性值：html() 、text() 、 val()
摘要：jQuery的文本属性值常见操作有三种：html() 、text() 、 val() ，分别对应JS中的 innerHTML 、innerText 和 value 属性。 1.2.1 jQuery内容文本值 常见操作有三种：html() / text() / val() ; 分别对应JS中的 i
阅读全文
posted @ 2020-01-17 11:44
215 jQuery 属性操作：prop() 、 attr() 、 data()
摘要：jQuery 常用属性操作有三种：prop() 、 attr() 、 data() 。 1.1.1 元素固有属性值 prop() 所谓元素固有属性就是元素本身自带的属性，比如 元素里面的 href ，比如 元素里面的 type。 注意：prop() 除了普通属性操作，更适合操作表单属性：disa
阅读全文
posted @ 2020-01-17 11:17
214 jQuery案例：王者荣耀手风琴效果
摘要：效果 思路分析: 1.鼠标经过某个小li 有两步操作： 2.当前小li 宽度变为 224px， 同时里面的小图片淡出，大图片淡入 3.其余兄弟小li宽度变为69px， 小图片淡入， 大图片淡出 代码实现略。(详情参考源代码)
阅读全文
posted @ 2020-01-16 22:44
213 jQuery 事件切换：hover()
摘要： jQuery中为我们添加了一个新事件 hover() ; 功能类似 css 中的伪类 :hover 。介绍如下 语法 over:鼠标移到元素上要触发的函数（相当于mouseenter） out:鼠标移出元素要触发的函数（相当于mouseleave） 如果只写一个函数，则鼠标经过和离开都会触发它
阅读全文
posted @ 2020-01-16 21:48
212 停止动画排队： stop()
摘要：动画或者效果一旦触发就会执行，如果多次触发，就造成多个动画或者效果排队执行。 停止动画排队的方法为：stop() ; stop() 方法用于停止动画或效果。 stop() 写到动画或者效果的前面， 相当于停止结束上一次的动画。 总结: 每次使用动画之前，先调用 stop() ,在调用动画。
阅读全文
posted @ 2020-01-16 21:47
211 jQuery 自定义动画：animate()
摘要：自定义动画非常强大，通过参数的传递可以模拟以上所有动画，方法为：animate() ; 语法规范如下: 代码演示
阅读全文
posted @ 2020-01-16 21:46
210 jQuery淡入淡出：fadeIn() 、fadeOut() 、fadeToggle() 、fadeTo()
摘要：淡入淡出动画，常见有四个方法：fadeIn() 、fadeOut() 、fadeToggle() 、fadeTo() 语法规范如下: 代码演示
阅读全文
posted @ 2020-01-16 21:32
209 jQuery滑入滑出：slideDown() / slideUp() / slideToggle()
摘要：滑入滑出动画，常见有三个方法：slideDown() / slideUp() / slideToggle() ; 语法规范如下: 代码演示 小案例：下拉菜单略（详情参看源码）。
阅读全文
posted @ 2020-01-16 20:27
207 jQuery 样式操作：css ()，addClass，removeClass，toggleClass，tab 栏切换案例
摘要： jQuery中常用的样式操作有两种：css() 和 设置类样式方法 1.4.1 方法1: 操作 css 方法 jQuery 可以使用 css 方法来修改简单元素样式； 也可以操作类，修改多个样式。 常用以下三种形式 : 注意：css() 多用于样式少时操作，多了则不太方便。 1.4.
阅读全文
posted @ 2020-01-16 18:25
206 jQuery 选择器：基础选择器，层级选择器，筛选选择器，jQuery 设置样式，jQuery 里面的排他思想，隐式迭代，链式编程，淘宝服饰精品案例
摘要：原生 JS 获取元素方式很多，很杂，而且兼容性情况不一致，因此 jQuery 给我们做了封装，使获取元素统一标准。 1.3.1 基础选择器 1.3.2 层级选择器 层级选择器最常用的两个分别为：后代选择器和子代选择器。 基础选择器和层级选择器案例代码 1.3.3 筛选选择器 筛选选择器，顾名
阅读全文
posted @ 2020-01-16 11:15
205 jQuery 的基本使用：下载，入口函数，顶级对象$，jQuery 对象和 DOM 对象，jQuery 对象和 DOM 对象转换
摘要：1.2.1 jQuery 的下载 jQuery的官网地址： https://jquery.com/，官网即可下载最新版本。 各个版本的下载：https://code.jquery.com/ 版本介绍： 1x ：兼容 IE 678 等低版本浏览器， 官网不再更新 2x ：不兼容 IE 678
阅读全文
posted @ 2020-01-15 20:25
204 jQuery 介绍
摘要：1.1.1 JavaScript 库 JavaScript库 ：即 library，是一个封装好的特定的集合（方法和函数）。 从封装一大堆函数的角度理解库，就是在这个库中，封装了很多预先定义好的函数在里面，比如动画animate、hide、show，比如获取元素等。 简单理解： 就是一个JS 文件，
阅读全文
posted @ 2020-01-15 20:22
浙公网安备 33010602011771号