$(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会考虑鼠标是否被遮挡
