请教一个JQuery hover的方法

林小海 发布于 2016/04/25 21:18
阅读 117
收藏 0

当.aa#p1在鼠标滑过后,显示.ga#p1,当.aa#p2在鼠标滑过后显示.ga#p2 ,当.aa#p3在鼠标滑过后显示ga#p3,以此类推,一直到p30, 请问诸位有没有一个简单的方法把jquery语句写出来,而不是这样罗列,在此求教了!

 jQuery(".aa#p1").hover(function(){

   jQuery(".ga#p1").show();
   },function(){
     jQuery(".ga#p1").hide();

 });

 jQuery(".aa#p2").hover(function(){

   jQuery(".ga#p2").show();
   },function(){
     jQuery(".ga#p2").hide();

 });


 jQuery(".aa#p3").hover(function(){

   jQuery(".ga#p3").show();
   },function(){
     jQuery(".ga#p3").hide();

 });

加载中
0
风吹屁屁凉
风吹屁屁凉

不知道你的元素是不是有规律的    如果是按0  1  2这种顺序的话可以获取全部的元素来循环绑定事件

$(function(){
     $("a[class^='aa#p']").each(function(index){
         $(this).hover(function(){

         });
     });
});



如果没有规律,也可以按照DOM的结构来处理

$(function(){
    $("a[class^='aa#p']").hover(function(){
        $(this).next().show();
    });
});



我JS也不太好

0
阿信sxq
阿信sxq

用一个循环呗

for(var i=0;i<=30;i++){  
    $(".aa#p"+i).hover(function(){
        $(".ga#p"+i).show();
    },function(){
        $(".ga#p"+i).hide();
    }); 
}




0
林小海
林小海

引用来自“风吹屁屁凉”的评论

不知道你的元素是不是有规律的    如果是按0  1  2这种顺序的话可以获取全部的元素来循环绑定事件

$(function(){
     $("a[class^='aa#p']").each(function(index){
         $(this).hover(function(){

         });
     });
});



如果没有规律,也可以按照DOM的结构来处理

$(function(){
    $("a[class^='aa#p']").hover(function(){
        $(this).next().show();
    });
});



我JS也不太好

十分感谢!
返回顶部
顶部