jQuery事件

一.鼠标事件

语法：事件对象（dom元素）事件名称（function(){}）

1.鼠标单击事件 click()

<style>

    .clk{
        width: 200px;
        height: 180px;
        background-color: red;
    }
    .active{
        background-color: blue;
    }

</style>

<div class="clk"></div>
<script>
    $(function(){
        $('.clk').click(function(){
            $('.clk').toggleClass('active')
        })
    })

</script>

2.鼠标移出事件 mouseout()

3.鼠标滑过事件 mouseover()

 二.表单事件

     1. 聚焦事件(获得焦点事件) focus()

     2.失去焦点事件 blur()

     3.内容改变事件 change()

     4.表单提交事件 submit()

     注意: 对象是form标签

三. 键盘事件

        1.键盘按下事件   keydown()

        2.键盘弹起事件   keyup()

        3.键盘按压事件   keypress()

四. jq中独有的事件方法   

        1.事件绑定方法   bind()

        2.事件解绑方法   unbind()

        3.只触发一次事件方法   one()

需要事件委托的元素的事件绑定  一般都是动态创建的dom元素需要事件委托。