JQuery应用

Posted 2021-07-20 Taboos_

JQuery中的事件

基础事件

鼠标事件

键盘事件

表单事件

复合事件是多个事件的组合

鼠标光标悬停

鼠标连续点击

鼠标事件

鼠标移过时特效

$("#nav li").mouseover(function() {        

         $(this). addClass(“heightlight”);

  });

键盘事件

以keydown ()为例，实现按键时特效

 $(document).keydown(function (event) {    

if (event.keyCode == "13") {        

alert("确认要提交么？");    

} });

表单事件

表单事件

以focus ()为例，实现获得焦点时特效

绑定事件

除了使用事件名绑定事件外，还可以使用bind()方法

绑定多个事件

bind()方法还可以同时为多个事件绑定方法

移除事件

移除事件使用unbind()方法，其语法如下：

当unbind()不带参数时，表示移除所绑定的全部事件

鼠标光标悬停事件

hover()方法相当于mouseover与mouseout事件的组合