2回答

翻版郭富城

2019-12-07

var index =0;

    var swiper = function (){
        $("img").eq(index).css({'opacity':'1'}).siblings().css({'opacity':'0'});
    }

    function mouseEvent(event){
        event.stopPropagation();
        index = $(this).index();
        swiper();
    }
    
    function keyEvent(event){
        event.stopPropagation();
        if (event.keyCode == 37){
            index = index > 0 ? --index : $("a").length -1;
        } else if (event.keyCode == 39){
            index = index < $("a").length - 1 ? ++index : 0;
        } else {
            return true;
        }
        swiper()
    }

    var events = {
        mouseenter: mouseEvent,
        keydown : keyEvent
    };

    $('a').add(document).on(events);

相当于这样， 老师只不过将其封装了而已；

1

好帮手慕码

2019-09-12

同学你好！
这几行代码的作用：为document和a标签都绑定了 mouseenter和keydown

1. add，将匹配到的元素添加到集合中。如下：

   

   结果：

   
   

2. 用on给这两个标签，都绑定了mouseenter和keydown事件。

如果帮助到了你，欢迎采纳，祝学习愉快~

0