Форум hotibo.ru

tapazukk · 27.02.2012 12:32

Как сделать так, что при клике на ссылку менялся цвет и body и всех ссылок в документе (или родителе)
Сейчас делаю так:

Код:

 $('a.black').click(function(){
                    $('body').css({
                        color: "#fff",
                        background: "#000"
                    });
                });
                $('a.black').click(function(){
                    $('a').css({
                        color: "#fff",
                   });
                });

Получается как то гомоздко, есть другие варианты?

Отредактированно tapazukk (27.02.2012 12:34)

MT · 01.03.2012 03:27

Наверное, просто назначить BODY класс, к которому уже привязаны любые нужные стили для любых элементов. ;-)

tapazukk · #3 01.03.2012 12:19

как вариант

KidsKilla · 18.03.2012 19:25

$('a.black').click(function(){
$('body').css({color: "#fff",background: "#000"})
.find('a').css({color: "#fff",});
});

Octane · #5 20.03.2012 18:45

хм, а как же псевдоклассы ссылок?
более правильно будет сделать так

CSS:

Код:

body {
background: #fff;
}
a:link, a:visited {
color: #000;
}
.invert {
background: #000;
}
.invert a:link, .invert a:visited {
color: #fff;
}

JavaScript:

Код:

$(document).ready(function(){
    $('#black').click(function(){
        $('body').attr('class') = 'invert';
    });
});

самое главное всегда стремится как можно более сильно разделять ксс и ява скрипт, как когда-то начинали отделять содержание и оформление, благо почти все это уже научились делать) теперь делают подобные ошибки в случае с явой и ксс...
(x)HTML

Код:

Белые ссылки на черном фоне

Отредактированно Octane (20.03.2012 18:51)

KidsKilla · #6 20.03.2012 20:24

1 но:

Код:

$(document).ready(function(){
    $('#black').click(function(){
        $('body').addClass('invert'); // или toggleClass
    });
});

Xexe · #7 28.10.2013 15:37

Кстати, возможно это мои кривые руки, но.
К примеру есть код

content

и есть ксс

.myDiv {
myDivStyles
}

.myDiv.jsAddClass{
myDiv.jsAddClassStyles
}

.myDiv .strangeDiv{
strangeDivStyles
}

.myDiv.jsAddClass .strangeDiv{
jsAddClass strangeDivStyles
}

ну так вот. Во всех браузерах работает как ожидалось: добавляется класс - переопределяются свойства для myDiv и strangeDiv, но ие6 переопределяет только myDiv, а дальше дерево не смотрит и не перерисовывает.
Скажу сразу в JS я как кот в воде. Возможно это очень глупый вопрос.

Octane · #8 28.10.2013 16:16

Xexe написал:
Код:
.myDiv.jsAddClass

Для чего это?

Xexe · 29.10.2013 12:38

ну у нас есть блок, у которого есть обычные стили. Эти стили (не все) меняются при неком событии. Поэтому ему дописываем класс скриптом и этому классу дополнительные или измененные стили. Кроме того у него есть дочерний или просто потомок, который тоже изменяется при этом же событии.

Форум hotibo.ru

#1 27.02.2012 12:32

наследственность jQuery

Код:

#2 01.03.2012 03:27

Re: наследственность jQuery

#3 01.03.2012 12:19

Re: наследственность jQuery

#4 18.03.2012 19:25

Re: наследственность jQuery

#5 20.03.2012 18:45

Re: наследственность jQuery

Код:

Код:

Код:

#6 20.03.2012 20:24

Re: наследственность jQuery

Код:

#7 28.10.2013 15:37

Re: наследственность jQuery

#8 28.10.2013 16:16

Re: наследственность jQuery

Xexe написал:

Код:

#9 29.10.2013 12:38

Re: наследственность jQuery

Board footer