首页
IT
登录
6mi
u
盘
搜
搜 索
IT
jQuery--事件方法
jQuery--事件方法
xiaoxiao
2021-12-14
19
1.
$(document).ready()
方法允许我们在文档完全加载完后执行函数。
2.click()
方法是当按钮点击事件被触发时会调用一个函数。
eg:
$("p").click(function(){
$(this).hide();
});
3.
dblclick()
当双击元素时,会发生 dblclick 事件。
eg:
$("p").dblclick(function(){
$(this).hide();
});
4.
mouseenter()
当鼠标指针穿过元素时,会发生 mouseenter 事件。
eg:
$("#p1").mouseenter(function(){
alert("You entered p1!");
});
5.
mousedown()
当鼠标指针移动到元素上方,并按下鼠标按键时,会发生 mousedown 事
件。
eg:
$("#p1").mousedown(function(){
alert("Mouse down over p1!");
});
6.
mouseup()
当在元素上松开鼠标按钮时,会发生 mouseup 事件
eg:
$("#p1").mouseup(function(){
alert("Mouse up over p1!");
});
7.
hover()
hover()方法用于模拟光标悬停事件。
当鼠标移动到元素上时,会触发指定的第一个函数(mouseenter);当鼠标移出这个元素时,会触发指定的第二个函数
(mouseleave)。
eg:
$("#p1").hover(function(){
alert("You entered p1!");
},
function(){
alert("Bye! You now leave p1!");
});
8.
focus()
当元素获得焦点时,发生 focus 事件。
当通过鼠标点击选中元素或通过 tab 键定位到元素时,该元素就会获得焦点。
eg:
$("input").focus(function(){
$(this).css("background-color","#cccccc");
});
9.
blur()
当元素失去焦点时,发生 blur 事件。
blur() 方法触发 blur 事件,或规定当发生 blur 事件时运行的函数:
eg:
$("input").blur(function(){
$(this).css("background-color","#ffffff");
});
转载请注明原文地址: https://ju.6miu.com/read-969242.html
专利
最新回复
(
0
)