JQuery事件与效果

JQuery事件
1.事件的概念：
  页面对不同访问者的响应叫做事件，事件处理程序指的是当HTML中发生某些事件时所调用的方法；比如：在元素上移动鼠标，选取单选按钮点击元素
2.常见的DOM事件：（Document　Object　Model文件对象模型）
鼠标事件 键盘事件 表单事件 文档／窗口事件
click keypress Submit Load
dbclick keydown Change Resize
Mouseenter Keyup Foucus Scroll
Mouseleave Blur unload
３.ＪＱｕｅｒｙ事件方法语法：
在JQuery中，大多数DOM事件都有一个等效的JQuery方法，比如：页面中指定一个点击事件；＄（＂ｐ”）．Ｃｌｉｃｋ（）；下一步是定义什么时间触发事件，您可以通过一个事件函数实现：＄（＂ｐ”）．Ｃｌｉｃｋ（ｆｕｎｃｔｉｏｎ（）｛
／／动作触发后执行的代码
｝）；
４.常用事件方法：
　
Click() 当按钮点击事件被触发时会调用一个函数
Dbclick() 双击元素时穿过元素时，会发生呢个mouseenter
Mouseenter() 当鼠标指针穿过元素时，会发生mouseenter事件
Mouseleave() 当鼠标指针离开元素时，会发生mouseleave事件
Mousedown() 当鼠标指针移动到元素上方，并按下鼠标按钮时会发生的mousedown事件
Mouseup() 当在元素上松开鼠标按钮时，会发生的mouseup事件
Hover() 该方法用于模拟光标悬停事件
Focus() 当元素获得焦点时，发生focus事件
Blur() 当元素失去焦点时，发生blur事件

JQuery效果

1.显示和隐藏效果：

  隐藏效果函数：hide()
    显示效果函数：show()
 语法：$(selector).hide(speed,callback);
       $(selector).show(speed,callback);
  可选的speed参数规定隐藏/显示的速度，可以取以下值；“slow”、“fast”或毫秒
  可选的callback参数是隐藏或显示完成后执行的函数名称
  切换show()和hide()状态的toggle()函数
 语法：$(selector).toggle(speed.callback);
   可选的speed参数规定隐藏/显示的速度，可以取以下值；“slow”、“fast”或毫秒
   可选的callback参数是隐藏或显示完成后执行的函数名称
2.淡入、淡出效果：
  fadeIn():用于淡入已隐藏的元素
 语法：$(selector).fadeIn(speed,callback);
   可选的speed参数规定隐藏/显示的速度，可以取以下值；“slow”、“fast”或毫秒
   可选的callback参数是fading完成后执行的函数名称
fadeOut():用于淡出可见元素
  Toggle():方法可以在fadein()与fadeOut()方法之间进行切换
  fadeTo()方法：允许渐变为给定的不透明度（值介于0与1之间）
 语法：$(selector).fadeTo(speed,opacity,callback);
  必需的speed参数规定效果的时长，他可以取以下值“slow”、“fast”或毫秒
 fadeTo()方法中必需的opacity参数将淡入淡出效果设置为给定的不透明度（值介于0与1之间）
  可选的callback参数是该函数完成后所执行的函数名称
3.滑动效果：
  slideDown():用于向下滑动元素
语法：$(selector).slideDown(speed,callback);
  可选的speed参数规定效果的时长，他可以取以下值“slow”、“fast”或毫秒
  可选的callback参数是滑动完成后所执行的函数名称
  slideUp():用于向上滑动元素
  slideToggle():可以在slideDown()与slideUp()方法之间进行切换
4.动画效果：
  Animate():用于创建自定义动画
语法：$(selector).animate({params}.speed,callback);
  必需的params参数定义形成动画的css属性
  可选的speed参数规定效果的时长，他可以取以下值“slow”、“fast”或毫秒
  可选的callback参数是动画完成后所执行的函数名称
  特别说明：params如果有多个的话，用逗号隔开，animate()方法几乎可以操作css的所有属性，但是得使用camel标记法书写所有属性名，比如：使用marginright而不是margin-right，色彩动画并不包含在核心JQuery库中，如果需要生成颜色动画，需要下载颜色动画，插件
  在值得前面使用+=或-=代表相对值，甚至可以把属性的动画值设置为“show”、“hide”或“toggle”等预定义值
5.停止效果函数：
  Stop()方法：适用于所有JQuery效果函数包括滑动，淡入淡出和自定义动画
语法：$(selector).stop(stopAll.go ToEnd);
  可选的stopAll参数规定是否应该清除动画队列，默认是false，即仅停止活动的动画，允许任何排入队列的动画向后执行
  可选的go ToEnd参数规定是否立即完成当前动画，默认是false
  因此，默认的，stop()会清除在被选元素上指定的当前动画
6.链：
  通过链允许我们在相同的元素上运行多余JQuery命令，一条接着另一条，比如：$(“#p1”).css(“color”.”red”).slideUp(2000).slideDown(2000);