上一页 1 ··· 22 23 24 25 26 27 28 29 30 ··· 36 下一页

2020年1月18日

221 jQuery 拷贝对象:$.extend()

摘要: ​ jQuery中分别为我们提供了两套快速获取和设置元素尺寸和位置的API,方便易用,内容如下。 语法 演示代码 阅读全文

posted @ 2020-01-18 10:42 冲啊! 阅读(144) 评论(0) 推荐(0) 编辑

220 jQuery 事件对象

摘要: ​ jQuery 对DOM中的事件对象 event 进行了封装,兼容性更好,获取更方便,使用变化不大。事件被触发,就会有事件对象的产生。 语法 演示代码 注意:jQuery中的 event 对象使用,可以借鉴 API 和 DOM 中的 event 。 阅读全文

posted @ 2020-01-18 10:40 冲啊! 阅读(107) 评论(0) 推荐(0) 编辑

219 jQuery事件处理: off() 解绑事件,trigger() 、triggerHandler() 自动触发事件

摘要: ​ 当某个事件上面的逻辑,在特定需求下不需要的时候,可以把该事件上的逻辑移除,这个过程我们称为事件解绑。jQuery 为我们提供 了多种事件解绑方法:die() / undelegate() / off() 等,甚至还有只触发一次的事件绑定方法 one(),在这里我们重点讲解一下 off() ; 语 阅读全文

posted @ 2020-01-18 10:39 冲啊! 阅读(297) 评论(0) 推荐(0) 编辑

2020年1月17日

218 事件处理 on() 绑定事件

摘要: ​ 因为普通注册事件方法的不足,jQuery又创建了多个新的事件绑定方法bind() / live() / delegate() / on()等,其中最好用的是: on() 语法 演示代码 1.2.2 案例:发布微博案例 1.点击发布按钮, 动态创建一个小li,放入文本框的内容和删除按钮, 并且添加 阅读全文

posted @ 2020-01-17 22:54 冲啊! 阅读(212) 评论(0) 推荐(0) 编辑

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 冲啊! 阅读(596) 评论(0) 推荐(1) 编辑

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 冲啊! 阅读(221) 评论(0) 推荐(0) 编辑

215 jQuery 属性操作:prop() 、 attr() 、 data()

摘要: jQuery 常用属性操作有三种:prop() 、 attr() 、 data() 。 1.1.1 元素固有属性值 prop() ​ 所谓元素固有属性就是元素本身自带的属性,比如 元素里面的 href ,比如 元素里面的 type。 注意:prop() 除了普通属性操作,更适合操作表单属性:disa 阅读全文

posted @ 2020-01-17 11:17 冲啊! 阅读(194) 评论(0) 推荐(0) 编辑

2020年1月16日

214 jQuery案例:王者荣耀手风琴效果

摘要: 效果 思路分析: 1.鼠标经过某个小li 有两步操作: 2.当前小li 宽度变为 224px, 同时里面的小图片淡出,大图片淡入 3.其余兄弟小li宽度变为69px, 小图片淡入, 大图片淡出 ​ 代码实现略。(详情参考源代码) 阅读全文

posted @ 2020-01-16 22:44 冲啊! 阅读(653) 评论(0) 推荐(0) 编辑

213 jQuery 事件切换:hover()

摘要: ​ jQuery中为我们添加了一个新事件 hover() ; 功能类似 css 中的伪类 :hover 。介绍如下 语法 over:鼠标移到元素上要触发的函数(相当于mouseenter) out:鼠标移出元素要触发的函数(相当于mouseleave) 如果只写一个函数,则鼠标经过和离开都会触发它 阅读全文

posted @ 2020-01-16 21:48 冲啊! 阅读(289) 评论(0) 推荐(0) 编辑

212 停止动画排队: stop()

摘要: 动画或者效果一旦触发就会执行,如果多次触发,就造成多个动画或者效果排队执行。 ​ 停止动画排队的方法为:stop() ; stop() 方法用于停止动画或效果。 stop() 写到动画或者效果的前面, 相当于停止结束上一次的动画。 ​ 总结: 每次使用动画之前,先调用 stop() ,在调用动画。 阅读全文

posted @ 2020-01-16 21:47 冲啊! 阅读(172) 评论(0) 推荐(0) 编辑

211 jQuery 自定义动画:animate()

摘要: 自定义动画非常强大,通过参数的传递可以模拟以上所有动画,方法为:animate() ; ​ 语法规范如下: 代码演示 阅读全文

posted @ 2020-01-16 21:46 冲啊! 阅读(114) 评论(0) 推荐(0) 编辑

210 jQuery淡入淡出:fadeIn() 、fadeOut() 、fadeToggle() 、fadeTo()

摘要: 淡入淡出动画,常见有四个方法:fadeIn() 、fadeOut() 、fadeToggle() 、fadeTo() ​ 语法规范如下: 代码演示 阅读全文

posted @ 2020-01-16 21:32 冲啊! 阅读(401) 评论(0) 推荐(0) 编辑

209 jQuery滑入滑出:slideDown() / slideUp() / slideToggle()

摘要: 滑入滑出动画,常见有三个方法:slideDown() / slideUp() / slideToggle() ; ​ 语法规范如下: 代码演示 小案例:下拉菜单略(详情参看源码)。 阅读全文

posted @ 2020-01-16 20:27 冲啊! 阅读(360) 评论(0) 推荐(0) 编辑

208 jQuery 效果 之 显示隐藏

摘要: jQuery 给我们封装了很多动画效果,最为常见的如下: 显示隐藏:show() / hide() / toggle() ; 划入画出:slideDown() / slideUp() / slideToggle() ; 淡入淡出:fadeIn() / fadeOut() / fadeToggle() 阅读全文

posted @ 2020-01-16 20:24 冲啊! 阅读(134) 评论(0) 推荐(0) 编辑

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 冲啊! 阅读(383) 评论(0) 推荐(0) 编辑

206 jQuery 选择器:基础选择器,层级选择器,筛选选择器,jQuery 设置样式,jQuery 里面的排他思想,隐式迭代,链式编程,淘宝服饰精品案例

摘要: 原生 JS 获取元素方式很多,很杂,而且兼容性情况不一致,因此 jQuery 给我们做了封装,使获取元素统一标准。 1.3.1 基础选择器 1.3.2 层级选择器 ​ 层级选择器最常用的两个分别为:后代选择器和子代选择器。 基础选择器和层级选择器案例代码 1.3.3 筛选选择器 ​ 筛选选择器,顾名 阅读全文

posted @ 2020-01-16 11:15 冲啊! 阅读(303) 评论(0) 推荐(0) 编辑

2020年1月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 冲啊! 阅读(197) 评论(0) 推荐(0) 编辑

204 jQuery 介绍

摘要: 1.1.1 JavaScript 库 JavaScript库 :即 library,是一个封装好的特定的集合(方法和函数)。 从封装一大堆函数的角度理解库,就是在这个库中,封装了很多预先定义好的函数在里面,比如动画animate、hide、show,比如获取元素等。 简单理解: 就是一个JS 文件, 阅读全文

posted @ 2020-01-15 20:22 冲啊! 阅读(170) 评论(0) 推荐(0) 编辑

203 本地存储:localStorage、sessionStorage、记住用户名案例

摘要: 随着互联网的快速发展,基于网页的应用越来越普遍,同时也变的越来越复杂,为了满足各种各样的需求,会经常性在本地存储大量的数据,HTML5规范提出了相关解决方案。 1.7.1 本地存储特性 1、数据存储在用户浏览器中 2、设置、读取方便、甚至页面刷新不丢失数据 3、容量较大,sessionStorage 阅读全文

posted @ 2020-01-15 17:52 冲啊! 阅读(418) 评论(0) 推荐(0) 编辑

202 移动端常用开发插件:fastclick ,Swiper ,lsuperslide,iscroll,zy.media.js

摘要: 1.5.1 什么是插件 移动端要求的是快速开发,所以我们经常会借助于一些插件来帮我完成操作,那么什么是插件呢? JS 插件 :是 js 文件,它遵循一定规范编写,方便程序展示效果,拥有特定功能且方便调用。如轮播图和瀑布流插件。 特点:它一般是为了解决某个问题而专门存在,其功能单一,并且比较小。 我们 阅读全文

posted @ 2020-01-15 11:56 冲啊! 阅读(457) 评论(0) 推荐(0) 编辑

上一页 1 ··· 22 23 24 25 26 27 28 29 30 ··· 36 下一页

导航