如何在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/