jQuery如何淡化元素?

时间:2015-08-28 17:25:50

标签: jquery html css

我需要选择已使用jQuery <img>淡化的fadeOut()标记。 我的想法是用css属性选择器选择它们:img[attr="smth"]。 但我不知道什么是jQuery的算法,以淡出元素,我不知道它将哪个属性的值转换为什么,以淡化元素。 我试过了:

Console.log($("img").attr("opacity"));
Console.log($("img").attr("display"));
Console.log($("img").attr("visibility"));

但对于他们所有人,控制台说,未定义。 有谁知道我应该使用什么属性? 有没有人知道如何在不使用css属性选择器的情况下执行此操作?

3 个答案:

答案 0 :(得分:3)

我建议你在淡化元素时添加一个类。像这样:

// ... is your selector
$(...).fadeOut().addClass('img-faded');

之后,您将能够使用以下内容获取所有褪色图像:

var fadedImgs = $('img.img-faded');

答案 1 :(得分:1)

淡入():

display:none;

不透明度在定义的时间范围内从0变为1

display: block or inline etc..

不透明度仅发生在第二个片段(默认情况下)。 您可以通过检查浏览器中的元素来检查它是如何工作的;)

答案 2 :(得分:1)

var arrFadedElements = [];

// update YOUR-SELECTOR
$(".YOUR-SELECTOR").fadeOut(function() {
 arrFadedElements.push($(this));
});

console.log(arrFadedElements)