灰色divs使用JQuery

前端之家收集整理的这篇文章主要介绍了灰色divs使用JQuery前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图使用这个代码
<script>
jQuery('#MySelectorDiv').fadeTo(500,0.2);
</script>

为了淡出一大堆名为MySelectorDiv的div,唯一的是,它只会淡出第一个而不是所有的div,为什么呢?

我也不喜欢翻滚的div,所以基本上所有的div都会变灰,除了活跃的一面.

希望你能理解.

解决方法

只有第一个正在褪色,因为您使用的是ID而不是一个类.

如果你想让你的所有div淡出,而不是这样做:

<div id="MySelectorDiv">...</div>

做这个:

<div class="MySelectorDiv">...</div>

并将您的jQuery选择器字符串更改为’.MySelectorDiv’

它目前无法工作的原因是因为ID应该是页面上唯一的,因此jQuery不会麻烦找到所有的元素,只是第一个匹配该ID.

至于悬停的褪色:

$(".MySelectorDiv")
    .fadeTo(500,0.2)
    .hover(function () {
        $(this).fadeTo(500,1);
    },function () {
        $(this).fadeTo(500,0.2);
    });

这首先淡化你的div,然后在它们上附加一个悬停事件 – 当鼠标进入该区域时运行第一个功能,当鼠标离开区域时运行第二个功能.

猜你在找的jQuery相关文章