jQuery事件

加载事件

代码$(document).ready(fn);
简写:$(function(){});
注意:
js:windows.onload=fn;
jq:$(document).ready(fn);
1

事件切换

1
2
3
4
5
$("div").hover(function (){
$("b").html("鼠标放上就变");//鼠标放到div标签中,就会变化
},function (){
$("a").html("鼠标离开就变");
});

2

事件

1
2
3
4
5
6
7
8
9
10
11
12
//注:selector为选择器,可以使用标签名,或者id等选中要操作的对象。
$(selector).click(fn);//selector的点击事件,会触发fn函数。
$(selector).dblclick(fn);//双击事件。
$(selector).focus(fn);//获得焦点触发事件。
$(selector).blur(fn);//失去焦点。
$(selector).change(fn);//发生改变。
$(selector).mouseover(fn);//鼠标放上。
$(selector).mouseout(fn);//鼠标离开。
$(selector).mousedown(fn);//鼠标按下。
$(selector).mouseup(fn);//鼠标抬起。
$(selector).mousemove(fn);//鼠标移动。
//js的事件都带有on,而jq事件都没有on

鼠标移动事件

1

注:
属性是获取x坐标 clientX
属性是获取y坐标 clientY
就代表了div标签对象 event

事件处理:

bind:重点
绑定事件 – bind("事件名",fn)
如果多个事件:bind({"mouseover":fn1,"mouseout":fn2});

unbind(“事件名”)
解除绑定,如果没有参数,意味着,全部解除绑定
121

on:重点
绑定事件 `$(select).on(“clcik”,function (){});

off解绑
代码:$(select).off();
12

one:绑定事件,只会执行一次
代码:$("#d1").one("click",function (){alert ("你好,世界");});执行一次后就失效。

查找:
$(selector).parent()—–查找父元素。
$(selector).find(a)——在selector中找a元素。

-------------本文结束感谢您的阅读-------------
求打赏,多少都行
0%