hover()

hover()方法用于模拟光标悬停事件。

 

当鼠标移动到元素上时，会触发指定的第一个函数(mouseenter);当鼠标移出这个元素时，会触发指定的第二个函数(mouseleave)。

 

实例

$("#p1").hover(

    function(){

        alert("你进入了 p1!");

    },

    function(){

        alert("拜拜! 现在你离开了 p1!");

    }

);

 

 

focus()

当元素获得焦点时，发生 focus 事件。

 

当通过鼠标点击选中元素或通过 tab 键定位到元素时，该元素就会获得焦点。

 

focus() 方法触发 focus 事件，或规定当发生 focus 事件时运行的函数：

 

实例

$("input").focus(function(){

  $(this).css("background-color","#cccccc");

});

 

 

blur()

当元素失去焦点时，发生 blur 事件。

 

blur() 方法触发 blur 事件，或规定当发生 blur 事件时运行的函数：

 

实例

$("input").blur(function(){

  $(this).css("background-color","#ffffff");

});