Можно ли создать условие по наличию css свойства?

Question

[0leg5ergeev]

т.е. Если у объекта c id="fullpage" есть свойство opacity равное 0.2, то любой клик по странице делает opacity ранвое 1 ?

Comments

[Виталий Инчин ☢]

Вполне возможно.

Answer 1

[Дмитрий Ким]

Через jQuery например:

if ($('#fullpage').css('opacity') == '0.2'){
  $('#fullpage').css('opacity', 1);
}

Comments

[0leg5ergeev]

а если стиль приписан к элементу? через style=""

[Дмитрий Ким]

Ну, вообще инлайновый стиль так же распознаться должен, либо можно попробовать:
if (/opacity:\s?0\.2/i.test($('#fullpage').attr('style'))){ }

[0leg5ergeev]

Дмитрий Ким: по клику же :(

[Дмитрий Ким]

Да без проблем:
$(document).on('click', function(){
if (/opacity:\s?0\.2/i.test($('#fullpage').attr('style'))){
$('#fullpage').css('opacity', 1);
}
});

Answer 2

[Денис Инешин]

Это не эффективно. Гораздо лучше через класс: jsfiddle.net/wyvzmadq

<div id="fullpage" class="op">
    ...
</div>

.op {
    opacity: 0.2;
}

var $fp = $('#fullpage');

$(document).on('mousedown', function () {
	if ($fp.hasClass('op')) {
        $fp.removeClass('op');
    }
});

Comments

[0leg5ergeev]

а если стиль приписан к элементу? через style=""

[Денис Инешин]

0leg5ergeev: jsfiddle.net/IonDen/wyvzmadq/1 можно конечно и так, но это очень зыбко.

Answer 3

[Валера Удав]

На jQuery будет выглядеть примерно так

$(document).on("click",function(){
    $("#fullpage").css("opacity","1");
});

JSFiddle