jQuery 事件

功能总结:

click(function(){...}) //点击事件
hover(function(){...}) //当鼠标指针悬停在被选元素上时要运行的两个函数。
blur(function(){...}) //当元素失去焦点时发生 blur 事件。该方法常与 focus() 方法一起使用。
focus(function(){...}) //当元素获得焦点时,发生 focus 事件。该方法通常与 blur() 方法一起使用。
change(function(){...}) //当元素的值改变时发生 change 事件(仅适用于表单字段)。
keyup(function(){...}) //当键盘键被松开时发生 keyup 事件。
keyCode //按键值
keydown(function(){...}) //当键盘键被按下时发生 keydown 事件。
input propertychange(function(){...}) //一直监听事件

.on( events [, selector ],function(){}) //事件绑定
.off( events [, selector ][,function(){}]) //移除绑定
return false; // 停止函数 常见阻止表单提交等 return 跳过本次

$(document).ready(function(){
// 在这里写你的JS代码...
})
简写:
$(function(){
// 你在这里写你的代码
})
当 DOM(文档对象模型) 已经加载,并且页面(包括图像)已经完全呈现时,会发生 ready 事件。

// 基本
show([s,[e],[fn]])
hide([s,[e],[fn]])
toggle([s],[e],[fn])
// 滑动
slideDown([s],[e],[fn])
slideUp([s,[e],[fn]])
slideToggle([s],[e],[fn])
// 淡入淡出
fadeIn([s],[e],[fn])
fadeOut([s],[e],[fn])
fadeTo([[s],o,[e],[fn]])
fadeToggle([s,[e],[fn]])
// 自定义(了解即可)
animate(p,[s],[e],[fn])

.each(function(){}): //循环拿到其中的值,this调用

.data(key, value): //在匹配的元素上存储任意相关数据。







原文地址:https://www.cnblogs.com/yangli0504/p/9146879.html