bind:
bind(type,[data],fn):为每个匹配元素的特定事件绑定对应的事件处理函数
各参数含义如下: type表示事件类型,多个事件类型使用空格分隔
data表示传递给绑定函数的额外数据对象,函数中使用event.data接收;
fn表示绑定的函数;
举例:
unbind:
unbind(type,[data|fn]]):删除每个匹配的元素上已绑定的事件,如果没有参数,则删除该元素上绑定的所有事件
<body>
<span>AAAAA</span>
<script>
$("span").bind({ mouseover: function() { $("span").css("color", "red"); }, mouseout: function() { $("span").css("color", "blue"); } });
$("span").unbind("mouseover mouseout");
</script>
</body>
one:
one(type,[data],fn):该方法可以为元素绑定处理函数,当处理函数触发一次后, 立即被删除,即在每个对象上, 事件处理函数只会被执行一次。
trigger:
trigger(type,[data]):触发每一个匹配元素上某类事件,type表示一个或多个事件类型, data表示传入函数的数据
JQuery中的常用事件:
1 change([[data],fn]) :文本框、密码框和文本域的值发生改变时或下拉列表选项发生变化时触发change 事件
2 click ([[data],fn]): 鼠标点击匹配元素时触发click事件
click举例:
3 keydown([[data],fn]) :当键盘或按钮被按下时触发keydown事件
举例
submit
submit([[data],fn]):提交表单时触发submit 事件,该事件只适用于表单元素
举例
事件冒泡:
事件会按照 DOM 层次结构像水泡一样不断向上直至顶端;事件处理函数中返回 false, 会对事件停止冒泡,还可以停止元素的默认行为