Jquery 相同class div 怎么判断鼠标经过哪个并显示里面的隐藏层

答案:3 悬赏:80 手机版

解决时间 2021-03-09 18:23

提问者网友：嗝是迷路的屁
2021-03-09 15:21

最佳答案

五星知识达人网友：神的生死簿
2021-03-09 17:00

思路：使用hover()函数监测鼠标经过事件，在hover()的处理函数内$(this)即表示当前处理的对象，也就是当前鼠标经过的class。然后使用toggle()函数实现内层元素在显示和隐藏之间切换。核心代码示例：
$("div.outer").hover(function() {
    $(this).find(".inner").toggle(); //
}, function() {
    $(this).find(".inner").toggle();
});
下面进行一个实例演示:
1、HTML结构
我是隐藏1
我是隐藏2
2、jquery代码
$(function(){
    $("div.inner").hide(); // 默认隐藏所有内层元素
    $("div.outer").hover(function() { // 鼠标经过事件
        $(this).find(".inner").toggle(); // 切换显示和隐藏
    }, function() {
        $(this).find(".inner").toggle(); // 切换显示和隐藏
    });
});
3、效果演示

全部回答

1楼网友：狂恋
2021-03-09 18:20

$(".address").mouseover(function(){
$(this).find(".addr-action").show();
});

2楼网友：雾月
2021-03-09 17:16

$('.address').hover(function(){
$(this).find('.addr-action').show();
})

我要举报

如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！