jQuery鼠标事件

jQuery在鼠标事件上和JS也是那么多，绑定事件上变的更加方便。

目录

click()

dblclick()

hover()

mousedown()

mouseup()

mouseenter()

mouseleave()

mouseout()

mouseover()

mousemove()

---

click()

描述：点击事件

(function(){
    $("div").click(function(){
        console.log(1);
    })
})

dblclick()

描述：双击事件

(function(){
    $("div").dblclick(function(){
        console.log(1)
    })
    
})

hover()

描述：鼠标悬停和离开

(function(){
    $("div").hover(function(){
        console.log(1);
    },function(){
        console.log(2);
    })
})

mousedown()

描述：鼠标按下

(function(){
    $("div").mousedown(function(){
        console.log(1);
    })
})

mouseup()

描述：鼠标按键释放

(function(){
    $("div").mouseup(function(){
        console.log(1);
    })
})

mouseenter()

描述：鼠标进入元素

(function(){
    $("div").mouseenter(function(){
        console.log(1);
    })
})

mouseleave()

描述：鼠标离开元素

(function(){
    $("div").mouseleave(function(){
        console.log(1);
    })
})

mouseout()

描述：鼠标离开元素（支持事件冒泡）

(function(){
    $("div").mouseout(function(){
        console.log(1)
    })
})

mouseover()

描述：鼠标进入元素内（支持事件冒泡）

(function(){
    $("div").mouseover(function(){
        console.log(1);
    })
})

mousemove()

描述：鼠标在元素内移动

(function(){
    $("div").mousemove(function(){
        console.log(1);
    })
})

主页传送门