Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript JQuery将cass更改为multiple div_Javascript_Jquery - Fatal编程技术网

Javascript JQuery将cass更改为multiple div

Javascript JQuery将cass更改为multiple div,javascript,jquery,Javascript,Jquery,当鼠标悬停在.按钮上时,如何添加更多类来触发? 鼠标悬停。按钮a将向另一个对象添加类 jQuery('.button a').hover( function () { jQuery(this).parent().parent().parent().addClass('over'); }, function () { jQuery(this).parent().parent().parent().removeClass('over');

当鼠标悬停在.按钮上时,如何添加更多类来触发? 鼠标悬停。按钮a将向另一个对象添加类

jQuery('.button a').hover(

    function () {
        jQuery(this).parent().parent().parent().addClass('over');
    }, 
    function () {
        jQuery(this).parent().parent().parent().removeClass('over');
    }
);
我会使用并执行以下操作:

jQuery('.button a')。悬停(
函数(){
jQuery(this.parent().parent().parent().addClass('over');
var target1=jQuery('.elem a').addClass('small');
var div1=jQuery('.first div').addClass('firstdiv');
var div2=jQuery('.seconddiv').addClass('seconddiv');
$(此).data('first',div1);
$(此).data('second',div2);
$(此).data('target',target1);
}, 
函数(){
jQuery(this.parent().parent().parent().removeClass('over');
$(this).data('target').removeClass('small');
$(this).data('first').removeClass('firstdiv');
$(this).data('second').removeClass('seconddiv');
}
);
。完毕{
字体大小:粗体;
字体大小:40px;
}
.小{
字体:斜体;
字体大小:12px;
}
第一组{
颜色:红色;
}
第二组{
颜色:绿色;
}
.第一分区,.第二分区{
字号:18px;
字体大小:正常;
} 
.changefont{
字体大小:30px;
}

第一组
第二组
我会使用并执行以下操作:

jQuery('.button a')。悬停(
函数(){
jQuery(this.parent().parent().parent().addClass('over');
var target1=jQuery('.elem a').addClass('small');
var div1=jQuery('.first div').addClass('firstdiv');
var div2=jQuery('.seconddiv').addClass('seconddiv');
$(此).data('first',div1);
$(此).data('second',div2);
$(此).data('target',target1);
}, 
函数(){
jQuery(this.parent().parent().parent().removeClass('over');
$(this).data('target').removeClass('small');
$(this).data('first').removeClass('firstdiv');
$(this).data('second').removeClass('seconddiv');
}
);
。完毕{
字体大小:粗体;
字体大小:40px;
}
.小{
字体:斜体;
字体大小:12px;
}
第一组{
颜色:红色;
}
第二组{
颜色:绿色;
}
.第一分区,.第二分区{
字号:18px;
字体大小:正常;
} 
.changefont{
字体大小:30px;
}

第一组
第二组

只需在
中编写它。悬停
回调/处理函数…是否要发布一个示例?thxI很乐意。。。您介意与HTML、JavaScript和CSS共享一个可执行代码段吗?
$('.button a')。on('hover',function(){$('.foo')。addClass('over');$('.bar')。removeClass('over');}
thx yuiry636,我需要添加一个不同的div/class,该div/class只能由.button触发。只需在
.hover
callback/handler函数中编写即可。是否要发布一个示例?thxI很乐意…您介意与HTML、JavaScript和CSS共享一个可执行代码段吗?
$('.button a')。on('hover',function(){$('foo')).addClass('over');$('.bar').removeClass('over');}
thx yuiry636,我需要添加一个不同的div/class,并将其添加到一个要触发的div/class中。仅限按钮。很高兴它触发了Michael。如果它解决了问题,请标记答案正确。干杯:)很高兴它解决了Michael。如果它解决了问题,请标记答案正确。干杯:)