前端面试题_知识点复习

后续不断增加~~~

jQuery

区别mouseover与mouseenter?

• mouseover: 在移入子元素时 也会触发, 对应mouseout
• mouseenter: 只在移入当前元素时才触发, 对应mouseleave
• hover()使用的就是mouseenter()和mouseleave()

区别on(‘eventName’, fun)与eventName(fun)

• on('eventName', fun): 通用, 但编码麻烦
• eventName(fun): 编码简单, 但有的事件没有对应的方法

<script type="text/javascript">
    $('.div1')
        .mouseover(function () {
            console.log('mouseover 进入')
        })
        .mouseout(function () {
            console.log('mouseout 离开')
        })

    $('.div3')
        .mouseenter(function () {
            console.log('mouseenter 进入')
        })
        .mouseleave(function () {
            console.log('mouseleave 离开')
        })
</script>

效果展示