Mam klasę CSS tak:Jak dodać właściwość do istniejącej klasy
.simpleClass {
width: 25px;
}
I mam element pasujący:
<div class="simpleClass"></div>
mogę dodać właściwość display: none; do klasy CSS .simpleClass dynamicznie poprzez jQuery? Dzięki.
$('.simpleClass').css({display:'none'});
można określić styl elementu za pomocą .css jak
$("div.simpleClass").css("width","25px");
spojrzeć jQuery.css()
Wiele okazji! – Alex
Arkusz stylów jest zdefiniowana w pliku, a nie można edytować, że z JavaScript. Co można zrobić, to w ten sposób:
$(".simpleClass").live("domchanged", function() {
$(this).css("display", "none");
});
Ale to nie jest ani nie kompatybilne z różnymi przeglądarkami ani efektywny (nie testowane przeze mnie;). Proponuję więc użyć do tego celu innej predefiniowanej klasy CSS. Dlaczego i tak potrzebujesz czegoś takiego?
Niż za odpowiedź Ypur. Ale mam inny sposób na rozwiązanie mojego problemu. Mój problem był nieco inny iw ten sposób rozwiązałbym go. Mam tabelę, w której mogę wybrać kolumny do wyświetlenia. Ładowanie zawartości za pomocą Ajax i ja musiałem określić, które kolumny są widoczne, a co nie. Chciałem zmienić właściwość klasy, a następnie dodać klasę do załadowanej treści. Ale znalazłem inny sposób. Przepraszamy za złe eanglish =) – Alex
$(document).ready(function(){
$(.simpleClass).css('display','none');
});
Właściwość zostanie dodana do div, jeśli już nie istnieje w klasie css. Dlatego zawsze lepiej jest zmienić klasę css na nowe właściwości. Na przykład.
$(".referenceClass").switchClass("oldClass", "newClass");
Jeśli mam rację, nie chcemy dać właściwość elementu instancji simpleClass, ale chciałby, aby dać dodatkowy obiekt do całej klasy (obejmującego wszystkie instancje) używając JS.
W tym przypadku możesz użyć jQuery, aby dołączyć element stylu do głowy, dając Ci możliwość dodania dodatkowych deklaracji CSS.
Jednak nie będę ani polecam tego, ponieważ powoduje to, że Twój kod i struktura stają się nieporządne.
$("head").append("<style> .simpleClass{ display:none; } </style>");
Ten fragment daje dodatkową display:none własności do wszystkich .simpleClass elementów istniejących w chwili robi to, a także wpływają na każdy później wstawione .simpleClass elementy.
Ale to musi być wykonane za każdym razem, gdy do elementu DOM zostanie dodany nowy element z klasą simpleClass. Ale nie ma na to sposobu na przeglądarkę (dlaczego ktoś tego potrzebuje?). –
Występuje problem, w którym potrzebuję elementów do ukrycia z wyświetlaczem: brak, ale najpierw muszę zdobyć ich wysokość. To jest uzasadnione pytanie! –