Zmiana elementu klasy css za pomocą jquery

0

css:

.test { width: 100%; background: url('img.png') no-repeat top center #222; }

Czy jest możliwość aby w tym elemencie w css, dodać atrybut height za pomocą jquery?

kod:

$('.test').css('height', '200px');

oczywiście nie działa, bo odwołuje się do elementów html, a nie bezpośrednio w css na wszystkie tagi html.

dodanie znaczników <code class="css"> i <code class="javascript"> - fp

0

Chodzi ci o edycje pilku .css, czy tylko zmianę css w aktualnie wyświetlanej stronie? Jeśli mówimy o tym drugi to twój kod jest poprawny. Nie jestem pewny co oznacza stwierdzenie "a nie bezpośrednio w css na wszystkie tagi html". Podpowiem Ci poczytaj jeszcze trochę o selektorach.

1

@letterB0MB: Jemu chodzi o wyedytowanie reguły CSS w trakcie, gdy strona jest już załadowana.

@dziadek221: źle do tego podchodzisz.
Nadając jakikolwiek styl w javascripcie znowu rozwalasz fakt rozdzielenia kodu html (struktury) od css (wyglądu) i od js (skryptów, działania).
Po prostu dodaj drugą klasę do elementu, a w css zdefiniuj sobie styl na zasadzie:

.test1.test2 { // elementy majace klasy test1 i test2
  height: 200px;
}

Jeżeli uważasz, że ta wartość ma być generowana dynamicznie - to nie widzę powodów dlaczego MUSISZ chcieć tworzyć regułę css do tego. W takim przypadku oczywiście możesz napisać taki kod css jak wyżej, wrzucić go w znaczniki <style> i dokleić do strony. Ale takie rozwiązanie jest.. dziwne;)

1 użytkowników online, w tym zalogowanych: 0, gości: 1