JQuery中的事件和动画
来源:互联网 发布:淘宝客服务费结算方式 编辑:程序博客网 时间:2024/06/09 18:54
JQuery中的事件
JavaScript和HTML之间的交互是通过用户和浏览器操作页面时引发的时间来处理的。虽然利用传统的JavaScript事件能完成这些交互,但是JQuery增加并扩展了基本的时间处理机制,增强了时间处理能力。
加载DOM事件
以浏览器装载文档为例,在页面加载完毕后,浏览器会通过JavaScript为DOM元素添加事件。在常规的JavaScript代码中,通常使用window.onload方法,而在JQuery中,使用的是$(document).ready()方法。使用该方法能极大地提高Web应用程序的响应速度。两者的区别如下:
window.onload方法是在网页中所有元素(包括元素的所有关联文件)完全加载到浏览器后才执行,即JavaScript此时才可以访问网页中的任何元素。而通过JQuery中的$(document).ready()方法注册的时间处理程序,在DOM完全就绪时就可以调用。此时网页中的所有元素对JQuery而言是可以访问的,但是这并不意味着这些元素关联的文件都已经下载完毕。
$(document).ready(function(){......})也可以简写如下:
$(function(){......}) 或者
$().ready(function(){......})
事件绑定
在文档装载完成后,可以使用bind()方法来对匹配元素进行特定事件的绑定。bind()方法的调用格式为:
bind(type [, data] , fn)
JQuery有两个合成事件
1. hover(enter,leave) 当鼠标移动到元素上时会触发enter函数,当鼠标离开该元素时,会触发第二个函数。
类似于mouseover和mouseout
2. toggle(fn1 , fn2 , ... fnn) toggle模拟鼠标的连续单击事件,第一次点击触发第一个函数,然后依次。随后的触发都重复对这几个函数的连续调用。
show()和hide()方法相当于css("display","none/block/inline"),带参数用于指定显示和隐藏的速度
- Jquery中的事件和动画
- jquery中的事件和动画
- jquery中的事件和动画
- jquery中的事件和动画
- JQuery中的事件和动画
- jQuery中的事件和动画
- jQuery中的事件和动画
- JQuery中的事件和动画
- jquery中的动画和事件
- JQuery中的事件和动画
- 三. jQuery中的事件和动画
- 第四章 JQuery 中的事件和动画
- 第四部分 jQuery中的事件和动画
- jQuery中的事件和动画学习笔记
- 学习笔记《锋利的jQuery》-jQuery中的事件和动画
- jQuery学习笔记— jQuery中的事件和动画
- 【锋利的jQuery阅读笔记】jQuery中的事件和动画
- 《锋利的jQuery》第四章、 jQuery中的事件和动画
- 多进程编程之进程间通信-管道和消息队列
- 【Bash百宝箱】shell内建命令之read、readarray、mapfile
- Spring MVC
- HUD 1004
- 一句话总结我的校招
- JQuery中的事件和动画
- 2-2.HDFS的shell操作(Hadoop系列day02)
- 【翻译】ASP.NET Web API入门
- ruby on rails同时连接两个数据库
- 数组转成集合【java】
- HDU 1702 FIFO FILO
- C++(1) 指针 new 和delete
- 【Bash百宝箱】shell内建命令之bind、enable、ulimit
- tomcat启动报错 ASM ClassReader failed to parse class file