上一篇: jQuery轮播动画跳跃下一篇:jquery – 在发送之前放大js解码...

在jQuery中为子项添加挂起的类？

jQuery 发布时间：2022-04-19 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了在jQuery中为子项添加挂起的类？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

我有一个页面,它将有一系列“tile”div,每个div都有一个或多个子div.

我想,当滚动父div时,将它的类和所有div更改为悬停状态.

我可以很容易地让父div工作,但不能得到孩子：See Fiddle

$('.tile').hover(
            function () {
                $(this).addClass("hover");
                $(this).find('.inner').addClass("hover");
              },function () {
                $(this).removeClass("hover");
                $(this).find('.inner').removeClass("hover");
              }
        )

我使用“find”看到的所有示例都使用了NAMED父级;但我只需要使用当前父母正在徘徊的孩子($this).

编辑/ updatE：

我的部分问题是在div内部有一个图像按钮.该按钮应该具有OWN翻转功能.请参阅以下设计师的图片.我可以得到第一个组合 – 一切青色和白色加按钮……但是使用CSS我不能影响lus按钮的PARENTS,可以吗？

解决方法

而不是编写脚本,尝试使用CSS伪类：将鼠标悬停在所有悬停元素上：

.tile {
        width: 200px;
        height: 300px;
        BACkground-color: yellow;
        margin: 20px;
    }
    .tile:hover {
        BACkground-color: lightblue;
    }
    .inner {
        width: 200px;
        height: 50px;
        BACkground-color: goldenrod;
    }

    .tile:hover .inner{
        BACkground-color:#369;
    }

    .tile:hover button{
        color:#ff0000;
    }
    .tile:hover button:hover{
        color:#00ff00;
    }

没有脚本,不用担心:)

小提琴：http://jsfiddle.net/67tCr/