如何在jquery中定位不透明度的属性？

Question

我知道attributeContains选择器，但它如何应用于样式属性？

我想找到所有<a>标签，其不透明度设置为0。

我试过这个：

$("a[style*='opacity: 0']")

但它什么也没有回报。

Answer 1

:visible选择器不起作用，因为它没有考虑不透明度。

要仅针对具有0不透明度的那些，可以使用.filter()来检查不透明度的.css()值：

$("a").filter( function() {
    return $(this).css('opacity') === '0';
});

如果您愿意，可以创建自己的选择器：

$.extend($.expr[':'], {
    opacity: function(elem, i, attr){
      return( $(elem).css("opacity") === attr[3] + '' );
    }
});

var $invisible = $("a:opacity(0)");

要么

$.extend($.expr[':'], {
    transparent: function(elem, i, attr){
      return( $(elem).css("opacity") === "0" );
    }
});

var $invisible = $("a:transparent");

Answer 2

如果您想知道元素是否可见，请使用：

$('a:not(:visible)');

Answer 3

$('a:not(:visible)')

你的代码不起作用，因为它只在不透明度应用于元素的样式属性时才有效 - 那样的CSS样式??? 他们不会申请。 jQuery提供:visible和:not selectors，因此您可以将它们组合在一起。 http://api.jquery.com/category/selectors/