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("被秒成渣了....")
}
})
运行自定义方法: