jquery - 使用 JQuery 将 div 变灰

Question

我正在尝试使用此代码:

<script>
jQuery('#MySelectorDiv').fadeTo(500,0.2);
</script>

要淡出一堆名为 MySelectorDiv 的 div，唯一的问题是，它只淡出第一个，而不是全部...为什么会这样？

我还想在翻转时取消 div 的淡入淡出，因此基本上除了事件的 div 翻转外，所有 div 都会变灰。

希望您能理解。

Answer 1

只有第一个正在褪色，因为您使用的是 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，然后在它们上附加一个悬停事件 - 当鼠标进入该区域时运行第一个函数，当鼠标离开该区域时运行第二个函数。