一个初学所了解的jquery事件

 在jquery中，事件总体分为两大类：简单是件和复合事件今天我们只来学习一下简单事件

绑定事件和事件处理函数的语法格式（DOM 对象.事件名=函数；）

   简单事件分为:

1.window事件

     所谓window事件，就是当用户执行某些影响浏览器的操作时，而触发的事件，如打开网页加载页面，关闭窗口等操作的事件处理，它对应的方法是:   ready()

2.鼠标事件

     单机鼠标时产生的事件，常用鼠标事件有  

     click()              单击鼠标时  

     mouseover()   鼠标指针移过时

     mouseout()      鼠标指针移除时

实例代码如下：

   var lis=$("li");
			
			lis.mouseover(function(){
				$(this).css("background","pink")
			});
			
			lis.mouseout(function(){
				$(this).css("background","")
			});
  

　　

3.键盘是件

 用户每次按下或释放键盘的事件，常用键盘事件的方法：

keydown（）  按下时

keyup（）       释放时

keypress（）  产生可打印字符时

实例代码如下：

 

$(function(){
				 
				 $("input").keypress(function(){
				 	
				 	var code=event.keyCode;
				 	alert(code);
				 	
				 })
			});

 

　　

 

4.表单时间

常用表单事件的方法

  focus（）    获得焦点时

  blur （）      失去焦点时

实例代码如下

 

$(document).ready(function(){
				$("input").focus(function(){
					$(this).css("border","solid 2px yellow");
				});
				
				$("input").blur(function(){
					$(this).css("border","solid 2px ");
				});
				
				
			});

 

　　

 

转载于:https://www.cnblogs.com/wangbenqing/p/6429084.html