jQuery--事件方法

最新推荐文章于 2022-11-08 09:21:08 发布

一笑释青春

最新推荐文章于 2022-11-08 09:21:08 发布

阅读量462

点赞数 1

分类专栏： web

本文链接：https://blog.youkuaiyun.com/jf_xu/article/details/53444089

版权

web 专栏收录该内容

18 篇文章

订阅专栏

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");
});