摘要: 12-事件委托(事件代理) 什么是事件委托 通俗的讲,事件就是onclick,onmouseover,onmouseout,等就是事件,委托呢,就是让别人来做,这个事件本来是加在某些元素上的,然而你却加到别人身上来做,完成这个事件。 举个列子:有三个同事预计会在周一收到快递。为签收快递,有两种办法: 阅读全文
posted @ 2018-08-23 19:58 九月江 阅读(410) 评论(0) 推荐(0) 编辑
摘要: 11-jQuery的事件绑定和解绑 1、绑定事件 语法: bind(type,data,fn) 描述:为每一个匹配元素的特定事件(像click)绑定一个事件处理器函数。 参数解释: type (String) : 事件类型 data (Object) : (可选) 作为event.data属性值传递 阅读全文
posted @ 2018-08-23 19:57 九月江 阅读(185) 评论(0) 推荐(0) 编辑
摘要: 09-JS的事件流的概念(重点) 在学习jQuery的事件之前,大家必须要对JS的事件有所了解。看下文 事件的概念 HTML中与javascript交互是通过事件驱动来实现的,例如鼠标点击事件、页面的滚动事件onscroll等等,可以向文档或者文档中的元素添加事件侦听器来预订事件。想要知道这些事件是 阅读全文
posted @ 2018-08-23 19:56 九月江 阅读(1479) 评论(0) 推荐(1) 编辑
摘要: 10-事件对象 上篇介绍完我们js的事件流的概念之后,相信大家对事件流也有所了解了。那么接下来我们看一下jquery的事件操作。 在说jquery的每个事件之前,我们先来看一下事件对象 事件对象 Event 对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。 阅读全文
posted @ 2018-08-23 19:56 九月江 阅读(141) 评论(0) 推荐(0) 编辑
摘要: 08-jQuery的位置信息 jQuery的位置信息跟JS的client系列、offset系列、scroll系列封装好的一些简便api. 一、宽度和高度 获取宽度 .width() 描述:为匹配的元素集合中获取第一个元素的当前计算宽度值。这个方法不接受任何参数。.css(width) 和 .widt 阅读全文
posted @ 2018-08-23 19:55 九月江 阅读(177) 评论(0) 推荐(0) 编辑
摘要: 小米导航案例 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ padding: 0; margin: 0; } ul { l 阅读全文
posted @ 2018-08-23 19:54 九月江 阅读(327) 评论(0) 推荐(0) 编辑
摘要: 06-jQuery的文档操作*** 之前js中咱们学习了js的DOM操作,也就是所谓的增删改查DOM操作。通过js的DOM的操作,大家也能发现,大量的繁琐代码实现我们想要的效果。那么jQuery的文档操作的API提供了便利的方法供我们操作我们的文档。 看一个之前我们js操作DOM的例子: var o 阅读全文
posted @ 2018-08-23 19:53 九月江 阅读(1778) 评论(0) 推荐(0) 编辑
摘要: 05-使用jQuery操作input的value值 表单控件是我们的重中之重,因为一旦牵扯到数据交互,离不开form表单的使用,比如用户的注册登录功能等 那么通过上节知识点我们了解到,我们在使用jquery方法操作表单控件的方法: $(selector).val()//设置值和获取值 看如下HTML 阅读全文
posted @ 2018-08-23 19:52 九月江 阅读(172) 评论(0) 推荐(0) 编辑
摘要: 04-jQuery的属性操作 jquery的属性操作模块分为四个部分:html属性操作,dom属性操作,类样式操作和值操作 html属性操作:是对html文档中的属性进行读取,设置和移除操作。比如attr()、removeAttr() DOM属性操作:对DOM元素的属性进行读取,设置和移除操作。比如 阅读全文
posted @ 2018-08-23 19:51 九月江 阅读(202) 评论(0) 推荐(0) 编辑
摘要: 03-jQuery动画效果 jQuery提供的一组网页中常见的动画效果,这些动画是标准的、有规律的效果;同时还提供给我们了自定义动画的功能。 显示动画 方式一: $("div").show(); 解释:无参数,表示让指定的元素直接显示出来。其实这个方法的底层就是通过display: block;实现 阅读全文
posted @ 2018-08-23 19:50 九月江 阅读(169) 评论(0) 推荐(0) 编辑