                        課程
                    
                        /前端開發
                        
                            /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

關注問題我要回答

1675

操作

收起

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");
?? ??? ?});
?? ?};
});