                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /Tab选项卡切换效果

用jquery写的为什么找不到 mouseover这个函数呢？

jQuery(document).ready(function() {
   var t = $(".dox li"),
       b = $(".dox div");
   if (t.length != b.length) return;
   for (var i = 0; i < t.length; i++) {
       t[i].id = i;
       t[i].mouseover(function() {
           for (var j = 0; j < b.length; j++) {
               b.css("display", "none");
               t.addClass('tt');
           };
           console.log(this);
           t[i].addClass('hover');
           b[this.id].css("display", "block");
       });
   };
});

Hakuna_Matata

2015-07-20

源自：Tab选项卡切换效果 1-4

关注问题我要回答

1642

操作

收起

3 回答

堕天使008
2015-07-20

你可以了解一下 jquery对象如何转化为DOM对象，就是通过$('p')[0] 这样，

所以你取值之后他就应该是一个DOM对象了，而DOM对象是没有你写的这些方法的。

所以你变了数组应该这样

t.each(i,o){
    o.mouseover(function(){});
}
//或者 用那样的for 之后
$(t[i]).mouseover(function(){});

0 回复有任何疑惑可以回复我~

收起回答

Hakuna_Matata 提问者

受教了~ 谢谢啦

2015-07-20 回复有任何疑惑可以回复我~

Hakuna_Matata 提问者
2015-07-20

jQuery(document).ready(function() {
   var t = $(".dox li"),
       b = $(".dox div");
   if (t.length != b.length) return;
   for (var i = 0; i < t.length; i++) {
       t[i].id = i;
       // console.log($(t[i]));
       $(t[i]).mouseover(function() {
           for (var j = 0; j < b.length; j++) {
               b.css("display", "none");
               t.removeClass();
           };
           console.log(this);
           console.log(this.id);
           $(this).addClass('hover');
           $(b[this.id]).css("display", "block");
       });
   };
});