$(selector).on(eventName,eventHandler)：绑定任意事件
$(selector).off(eventName)：取消指定事件
$(selector).off()：取消全部事件
$(selector).click()：绑定鼠标点击事件
$(selector).mouseenter(moveInHandler)：绑定鼠标移入事件
$(selector).mouseleave(moveOutHandler)：绑定鼠标移出事件
$(selector).hover(moveEnterHandler,moveLeaveHandler)：绑定鼠标移入移出事件
获取点击事件的坐标位置：
$(selector).click(event=>{
event.offsetX：点击位置相当于元素左上角的距离
event.pageX：点击位置相当于页面左上角的距离
event.clientX：点击位置相当于窗口左上角的距离
})
点击内部区域，外部区域不响应事件：
$(selector).click(event=>{
event.stopPropagation() //停止事件传递
})
取消元素默认事件：
$(selector).click(event=>{
event.preventDefault() //取消默认事件
})
mouseover/mouseout和mouseenter/mouseleave区别：
当鼠标位置有子元素遮挡容器时，容器的over状态=false，但是enter状态=true
即enter只考虑坐标位置是否在控件区域内，但是over会考虑鼠标是否被遮挡
