Check opacity by jQuery

Question

How do I check if the opacity of an element is 0, and then do something in jQuery?

score 68 · Accepted Answer · answered Mar 14 '11 at 00:58

68

Have you tried using .css()?

if($('elemFoo').css('opacity') == 0) {
    doSomething();
}

answered Mar 14 '11 at 00:58

Christian Mann

GG. · Answer 2 · 2011-03-14T01:10:22.137

2

You can do as

$(function() {

    if ($('#foo').css('opacity') == 0)
        alert('lol');

});

edited Mar 14 '11 at 01:10

answered Mar 14 '11 at 00:59

GG.

@ggregorie, that will set the opacity to 0. The poster wants to check if the opacity is 0. The way to get the value is to mentioned in other people's answers. – sarcastyx Mar 14 '11 at 01:07

score 1 · Answer 3 · answered Mar 14 '11 at 00:58

1

if( $("#id_of_your_thing").css('opacity') == "0" )
  do_stuffs();

answered Mar 14 '11 at 00:58

Groovetrain

score 0 · Answer 4 · answered Nov 05 '12 at 13:57

0

jquery.support.opacity

on jQuery 1.7.1 seems to work

answered Nov 05 '12 at 13:57

Mark

score 0 · Answer 5 · answered Mar 14 '11 at 01:07

0

var currentOpacity = jQuery.fx.step.opacity

if(currentOpacity == 0)
{
   ...

answered Mar 14 '11 at 01:07

ukhardy

score 0 · Answer 6 · answered Mar 14 '11 at 05:52

0

To find opacity you do

var x = $('#test').css('opacity');
x==0 ? alert('opacity is 0') : alert('Opacity is not 0');

Check working example at http://jsfiddle.net/SCHNc/1/

answered Mar 14 '11 at 05:52

Hussein

4

I can't find the working example, can you make the text bigger? – Phil Mar 14 '11 at 05:53