jQuery常用事件及扩展

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("被秒成渣了....")
        }
    })

运行自定义方法：