jQuery常用事件及扩展

时间:2023-03-08 16:26:00

jquery中的常用事件

blur([[data],fn])     --失去焦点触发(鼠标)
focus([[data],fn])  --得到焦点触发(鼠标)
change([[data],fn]) --select下拉框中的选中值改变时触发
click([[data],fn])     -- 鼠标的单击事件
dblclick([[data],fn])  -- 鼠标的双击事件

scroll([[data],fn])     ---滚动

submit([[data],fn])   --提交时触发的事件

这些事件的写法都是一样的,只需更改一下事件就可以了

第一种:

<script>
$("button").on('click',function () {
//写事件触发时的代码
})
</script>

第二种:

<script>
$("button").click(function () {
//写事件触发时的代码
})
</script>

文档树加载完绑定事件的方法:

文档树加载完之后绑定事件(绝大部分情况下)
$(document).ready(function(){
// 绑定事件的代码
....
}) 简写:
$(function($){
// 绑定事件的代码
....
});

jQuery一些不常用的事件

error([[data],fn])

focusin([data],fn)
focusout([data],fn)
keydown([[data],fn])
keypress([[data],fn])
keyup([[data],fn])
mousedown([[data],fn])
mouseenter([[data],fn])
mouseleave([[data],fn])
mousemove([[data],fn])
mouseout([[data],fn])
mouseover([[data],fn])
mouseup([[data],fn])
resize([[data],fn])

select([[data],fn])

unload([[data],fn])

jQuery的扩展

自定义jquery对象的方法:

<script>
$.extend({
"qrq":function () {
console.log("被秒了")
}
});
$.fn.extend({
"qwrr":function () {
console.log("被秒成渣了....")
}
})

运行自定义方法:

jQuery常用事件及扩展