摘要: 无缝轮播实现(比较考验逻辑思维) 模仿京东轮播图效果 阅读全文
posted @ 2018-08-04 16:03 Pyter 阅读(98) 评论(0) 推荐(0) 编辑
摘要: 什么是事件委托 通俗的讲,事件就是onclick,onmouseover,onmouseout,等就是事件,委托呢,就是让别人来做,这个事件本来是加在某些元素上的,然而你却加到别人身上来做,完成这个事件。 举个列子:有三个同事预计会在周一收到快递。为签收快递,有两种办法:一是三个人在公司门口等快递; 阅读全文
posted @ 2018-08-04 15:50 Pyter 阅读(92) 评论(0) 推荐(0) 编辑
摘要: 1、绑定事件 语法: 描述:为每一个匹配元素的特定事件(像click)绑定一个事件处理器函数。 参数解释: type (String) : 事件类型 data (Object) : (可选) 作为event.data属性值传递给事件对象的额外数据对象 fn ( Function) : 绑定到每个匹配 阅读全文
posted @ 2018-08-04 15:50 Pyter 阅读(131) 评论(0) 推荐(0) 编辑
摘要: 事件对象 Event 对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。 例如: 当用户单击某个元素的时候,我们给这个元素注册的事件就会触发,该事件的本质就是一个函数,而该函数的形参接收一个event对象 2.事件通常与函数结合使用,函数不会在事件发生前被执行 阅读全文
posted @ 2018-08-04 15:49 Pyter 阅读(86) 评论(0) 推荐(0) 编辑
摘要: 在学习jQuery的事件之前,大家必须要对JS的事件有所了解。看下文 事件的概念 HTML中与javascript交互是通过事件驱动来实现的,例如鼠标点击事件、页面的滚动事件onscroll等等,可以向文档或者文档中的元素添加事件侦听器来预订事件。想要知道这些事件是在什么时候进行调用的,就需要了解一 阅读全文
posted @ 2018-08-04 15:48 Pyter 阅读(129) 评论(0) 推荐(0) 编辑
摘要: Query的位置信息跟JS的client系列、offset系列、scroll系列封装好的一些简便api. 一、宽度和高度 获取宽度 描述:为匹配的元素集合中获取第一个元素的当前计算宽度值。这个方法不接受任何参数。.css(width) 和 .width()之间的区别是后者返回一个没有单位的数值(例如 阅读全文
posted @ 2018-08-04 15:47 Pyter 阅读(124) 评论(0) 推荐(0) 编辑
摘要: 小米手机 张三 小米手机 李四 ... 阅读全文
posted @ 2018-08-04 15:46 Pyter 阅读(91) 评论(0) 推荐(0) 编辑
摘要: 之前js中咱们学习了js的DOM操作,也就是所谓的增删改查DOM操作。通过js的DOM的操作,大家也能发现,大量的繁琐代码实现我们想要的效果。那么jQuery的文档操作的API提供了便利的方法供我们操作我们的文档。 看一个之前我们js操作DOM的例子: 一.插入操作 知识点1: 语法: 解释:追加某 阅读全文
posted @ 2018-08-04 15:45 Pyter 阅读(92) 评论(0) 推荐(0) 编辑
摘要: 表单控件是我们的重中之重,因为一旦牵扯到数据交互,离不开form表单的使用,比如用户的注册登录功能等 那么通过上节知识点我们了解到,我们在使用jquery方法操作表单控件的方法: 看如下HTML结构: 页面展示效果: 操作表单控件代码如下: 阅读全文
posted @ 2018-08-04 15:43 Pyter 阅读(126) 评论(0) 推荐(0) 编辑
摘要: jquery的属性操作模块分为四个部分:html属性操作,dom属性操作,类样式操作和值操作 html属性操作:是对html文档中的属性进行读取,设置和移除操作。比如attr()、removeAttr() DOM属性操作:对DOM元素的属性进行读取,设置和移除操作。比如prop()、removePr 阅读全文
posted @ 2018-08-04 15:40 Pyter 阅读(83) 评论(0) 推荐(0) 编辑
摘要: Query提供的一组网页中常见的动画效果,这些动画是标准的、有规律的效果;同时还提供给我们了自定义动画的功能。 显示动画 方式一: 解释:无参数,表示让指定的元素直接显示出来。其实这个方法的底层就是通过display: block;实现的。 方式二: 解释:通过控制元素的宽高、透明度、display 阅读全文
posted @ 2018-08-04 15:37 Pyter 阅读(98) 评论(0) 推荐(0) 编辑
摘要: 我们以前在CSS中学习的选择器有: 今天来学习一下jQuery 选择器。 jQuery选择器是jQuery强大的体现,它提供了一组方法,让我们更加方便的获取到页面中的元素。 1、jQuery 的基本选择器 今天来学习一下jQuery 选择器。 jQuery选择器是jQuery强大的体现,它提供了一组 阅读全文
posted @ 2018-08-04 15:30 Pyter 阅读(91) 评论(0) 推荐(0) 编辑
摘要: 1.为什么要使用jQuery 在用js写代码时,会遇到一些问题: window.onload 事件有事件覆盖的问题,因此只能写一个事件。 代码容错性差。 浏览器兼容性问题。 书写很繁琐,代码量多。 代码很乱,各个页面到处都是。 动画效果很难实现。 window.onload 事件有事件覆盖的问题,因 阅读全文
posted @ 2018-08-04 15:19 Pyter 阅读(99) 评论(0) 推荐(0) 编辑