jQuery中的事件

常见的DOM事件有:

  • 鼠标事件
鼠标事件 作用描述
click() 单击,当单击元素时触发一个函数
dblclick() 双击,当双击元素时触发
----- --------------
mouseenter() 鼠标进入,当鼠标指针穿过元素时触发
mouseleave() 鼠标离开,当鼠标指针离开元素时触发
hover() 模拟光标悬停事件, 当鼠标移动到元素上时,会触发指定的第一个函数(mouseenter);当鼠标移出这个元素时,会触发指定的第二个函数(mouseleave)。
下面的不经常用 ----------
mousedown() 当鼠标指针移动到元素上方,并按下鼠标按键时触发
mouseup() 当在元素上松开鼠标按钮时
  • 键盘事件
键盘事件 作用描述
keypress()
keydown()
keyup()
  • 表单事件
表单事件 作用描述
submit() 提交
change() 文本改变
focus() 当元素获得焦点时,即当通过鼠标点击选中元素或通过tab键定位到元素时,该元素就会获得焦点
blur() 失去焦点
  • 文档/窗口事件
文档/窗口事件 作用描述
load()
unload()
resize() 当调整浏览器窗口的大小时
scroll()

jquery中方法的使用

语法:

$(selector).事件方法名(触发后要运行的函数function);

$(selector).click(function(){
    
});
$(selector).dblclick(function(){
   // 相应的操作代码
});

举个栗子:

$("#button").click(function(){
    $(this).text("隐藏");
})

你可能感兴趣的:(jQuery中的事件)