jquery - 如何在 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");