摘要: 10-事件对象 上篇介绍完我们js的事件流的概念之后,相信大家对事件流也有所了解了。那么接下来我们看一下jquery的事件操作,注意:jquery的事件没有捕获阶段。 在说jquery的每个事件之前,我们先来看一下事件对象 事件对象 Event 对象代表事件的状态,比如事件在其中发生的元素、键盘按键 阅读全文
posted @ 2018-06-03 21:17 Coca-Mirinda 阅读(98) 评论(0) 推荐(0) 编辑
摘要: 09-JS的事件流的概念(重点) 在学习jQuery的事件之前,大家必须要对JS的事件有所了解。看下文 事件的概念 HTML中与javascript交互是通过事件驱动来实现的,例如鼠标点击事件、页面的滚动事件onscroll等等,可以向文档或者文档中的元素添加事件侦听器来预订事件。想要知道这些事件是 阅读全文
posted @ 2018-06-03 21:16 Coca-Mirinda 阅读(192) 评论(0) 推荐(0) 编辑
摘要: 08-jQuery的位置信息 jQuery的位置信息跟JS的client系列、offset系列、scroll系列封装好的一些简便api. 一、宽度和高度 获取宽度 .width() 描述:为匹配的元素集合中获取第一个元素的当前计算宽度值。这个方法不接受任何参数。.css(width) 和 .widt 阅读全文
posted @ 2018-06-03 21:15 Coca-Mirinda 阅读(268) 评论(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-06-03 21:14 Coca-Mirinda 阅读(346) 评论(0) 推荐(0) 编辑
摘要: 06-jQuery的文档操作*** 之前js中咱们学习了js的DOM操作,也就是所谓的增删改查DOM操作。通过js的DOM的操作,大家也能发现,大量的繁琐代码实现我们想要的效果。那么jQuery的文档操作的API提供了便利的方法供我们操作我们的文档。 看一个之前我们js操作DOM的例子: var o 阅读全文
posted @ 2018-06-03 21:13 Coca-Mirinda 阅读(323) 评论(0) 推荐(0) 编辑
摘要: 05-使用jQuery操作input的value值 表单控件是我们的重中之重,因为一旦牵扯到数据交互,离不开form表单的使用,比如用户的注册登录功能等 那么通过上节知识点我们了解到,我们在使用jquery方法操作表单控件的方法: $(selector).val()//设置值和获取值 看如下HTML 阅读全文
posted @ 2018-06-03 21:12 Coca-Mirinda 阅读(892) 评论(0) 推荐(0) 编辑
摘要: 04-jQuery的属性操作 jquery的属性操作模块分为四个部分:html属性操作,dom属性操作,类样式操作和值操作 html属性操作:是对html文档中的属性进行读取,设置和移除操作。比如attr()、removeAttr() DOM属性操作:对DOM元素的属性进行读取,设置和移除操作。比如 阅读全文
posted @ 2018-06-03 21:10 Coca-Mirinda 阅读(324) 评论(0) 推荐(0) 编辑
摘要: 03-jQuery动画效果 jQuery提供的一组网页中常见的动画效果,这些动画是标准的、有规律的效果;同时还提供给我们了自定义动画的功能。 显示动画 方式一: $("div").show(); 解释:无参数,表示让指定的元素直接显示出来。其实这个方法的底层就是通过display: block;实现 阅读全文
posted @ 2018-06-03 21:09 Coca-Mirinda 阅读(159) 评论(0) 推荐(0) 编辑
摘要: 02-jQuery的选择器 我们以前在CSS中学习的选择器有: 今天来学习一下jQuery 选择器。 jQuery选择器是jQuery强大的体现,它提供了一组方法,让我们更加方便的获取到页面中的元素。 1、jQuery 的基本选择器 代码如下: <!DOCTYPE html> <html lang= 阅读全文
posted @ 2018-06-03 21:07 Coca-Mirinda 阅读(132) 评论(0) 推荐(0) 编辑