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

2020年1月18日

225 对象与类 之 对象

摘要: 2.1 对象 对象是由属性和方法组成的:是一个无序键值对的集合,指的是一个具体的事物 属性:事物的特征,在对象中用属性来表示(常用名词) 方法:事物的行为,在对象中用方法来表示(常用动词) 2.1.1 创建对象 如上两行代码运行结果为: 阅读全文

posted @ 2020-01-18 12:00 冲啊! 阅读(133) 评论(0) 推荐(0)

224 面向对象编程介绍,面向过程与面向对象

摘要: 1.1 面向过程 面向过程就是分析出解决问题所需要的步骤,然后用函数把这些步骤一步一步实现,使用的时候再一个一个的依次调用就可以了。 1.2 面向对象 面向对象是把事务分解成为一个个对象,然后由对象之间分工与合作。 1.3 面向过程与面向对象对比 | | 面向过程 | 面向对象 | | | | | 阅读全文

posted @ 2020-01-18 11:46 冲啊! 阅读(338) 评论(0) 推荐(0)

223 jQuery 尺寸、位置操作

摘要: ​ jQuery中分别为我们提供了两套快速获取和设置元素尺寸和位置的API,方便易用,内容如下。 1.4.1 jQuery 尺寸操作 ​ jQuery 尺寸操作包括元素宽高的获取和设置,且不一样的API对应不一样的盒子模型。 语法 代码演示 ​ 注意:有了这套 API 我们将可以快速获取和子的宽高, 阅读全文

posted @ 2020-01-18 10:47 冲啊! 阅读(129) 评论(0) 推荐(0)

222 jQuery 多库共存

摘要: ​ 实际开发中,很多项目连续开发十多年,jQuery版本不断更新,最初的 jQuery 版本无法满足需求,这时就需要保证在旧有版本正常运行的情况下,新的功能使用新的jQuery版本实现,这种情况被称为,jQuery 多库共存。 语法 阅读全文

posted @ 2020-01-18 10:44 冲啊! 阅读(168) 评论(0) 推荐(0)

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

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

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

220 jQuery 事件对象

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

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

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

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

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

2020年1月17日

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

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

posted @ 2020-01-17 22:54 冲啊! 阅读(220) 评论(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 冲啊! 阅读(624) 评论(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 冲啊! 阅读(226) 评论(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 冲啊! 阅读(208) 评论(0) 推荐(0)

2020年1月16日

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

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

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

213 jQuery 事件切换:hover()

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

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

212 停止动画排队: stop()

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

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

211 jQuery 自定义动画:animate()

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

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

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

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

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

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

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

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

208 jQuery 效果 之 显示隐藏

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

posted @ 2020-01-16 20:24 冲啊! 阅读(142) 评论(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 冲啊! 阅读(427) 评论(0) 推荐(0)

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

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

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

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

导航