Как исправить скрипт с добавлением css?

Question

[0leg5ergeev]

$(document).ready(function(){
    var bblur = document.getElementsByClassName("row");
         	$("mod").click(function () {
         		bblur.style.filter="blur(10px)";
				bblur.style.webkit-filter="blur(10px)";
         	});
         });

При клике на .mod к .row должны приписываться правила css

.row{
  -webkit-filter:blur(10px);
  filter:blur(10px);
}

не работает :( помоги плес

Answer 1

[Кирилл Туровников]

Ну во первых вижу ошибку в селекторе $(".mod") точку потеряли, во вторых стили можно так применить:

var bblur = $(".row");
$(".mod").click(function () {
    bblur.css({
        '-webkit-filter':'blur(10px)',
        'filter':'blur(10px)'
    });
});

Answer 2

[Кирилл Бобыкин]

Вы же используете jquery

$(document).ready(function(){
    var $bblur = $(".row");
    $(".mod").click(function () {            // селектор класса
         $bblur.css({"filter" : "blur(10px)", "-webkit-filter" : "blur(10px)" });
    });
});

Почитать вот тут

Comments

[0leg5ergeev]

За "почитать" отдельное

[Кирилл Бобыкин]

0leg5ergeev: не за что:)