Soru JQuery ile div'dan stil özniteliği ekleme ve kaldırma


Üzerinde çalıştığım bir projeyi miras aldım ve bazı jQuery animasyonlarını (jquery ile çok az uygulama) güncelliyorum.

Bir div var, stil özelliğini eklemek ve kaldırmak gerekiyor. İşte div:

<div id='voltaic_holder'>

Animasyonun bir noktasında ona bir stil eklemem gerekiyor:

<div id='voltaic_holder' style='position:absolute;top:-75px'>

Etrafı araştırdım ve buldum .removeAttr() yöntem ama nasıl ekleyeceğimi göremiyorum, hatta uzak kısımları (üstte olduğu gibi: -75px gibi).

Teşekkürler,


76
2018-03-22 16:57


Menşei


$('voltaic_holder').style = null belki? Stillerin kendi tüm nesne ağacı vardır. diğer özelliklerin çoğu sadece anahtar = değer türü verileridir. - Marc B


Cevaplar:


Aşağıdakilerden herhangi birini yapabilirsin

Her stil özelliğini ayrı ayrı ayarlayın:

$("#voltaic_holder").css("position", "relative");

Birden çok stil özelliğini aynı anda ayarlayın:

$("#voltaic_holder").css({"position":"relative", "top":"-75px"});

Belirli bir stili kaldırın:

$("#voltaic_holder").css({"top": ""});
// or
$("#voltaic_holder").css("top", "");

Tüm stil özelliğini kaldırın:

$("#voltaic_holder").removeAttr("style")

175
2018-03-22 17:02



Satır başına 1'den fazla css özelliği ekleyebilir miyim? Ya da her stil özelliği için bir tane yapmak zorunda mıyım? $("#voltaic_holder").css("position", "relative");  $("#voltaic_holder").css("top", "-75"); - drpcken
Bunu cevaplamak için evet yapabilirsin. Sadece .css () işlevi üzerinde bir nesne literal kullanın. $ ('Foo') gibi css ({'height': '30px', 'width': '50px'}); - Richard Neil Ilagan
Evet, yapabilirsin - yukarıda düzenlenmiş cevabımı gör - Adam Albrecht
@AdamAlbrecht Eklediğim belirli stili nasıl silebilirim çünkü $ ("# voltaic_holder"). RemoveAttr ("stil"), yeni eklenen ile varsayılan olarak uygulanan tüm stilleri kaldırır. - 3 rules


Stil özelliğini tamamen kaldırmak için voltaic_holder span, bunu yap:

$("#voltaic_holder").removeAttr("style");

Bir özellik eklemek için şunu yapın:

$("#voltaic_holder").attr("attribute you want to add", "value you want to assign to attribute");

Sadece en üst stili kaldırmak için şunu yapın:

$("#voltaic_holder").css("top", "");

17
2018-03-22 17:01





JQuery kullanıyorsanız, kullanın css CSS eklemek için

$("#voltaic_holder").css({'position': 'absolute',
    'top': '-75px'});

CSS özelliklerini kaldırmak için

$("#voltaic_holder").css({'position': '',
    'top': ''});

15
2018-03-22 17:00



Thos özniteliklerine sahip olmadığından, konumu veya üst niteliği voltaic_holder öğesinden kaldıramazsınız. Bunlar, stil özniteliğinde tanımlanan css özellikleridir. - Peter Olson
@Peter - doh! Kullanıma göre düzenlenmiş .css - justkt


Bunu (ve önyükleme için en iyi HTML çözümü) kullanmanın kolay yolu, kullanmak istediğiniz stilleri olan sınıfları oluşturmaktır. Sonra kullanımı basit bir konu addClass () ve removeClass (), ya da toggleClass ().

$('#voltaic_holder').addClass('shiny').removeClass('dull');

ya da

$('#voltaic_holder').toggleClass('shiny dull');

7
2018-03-22 17:01





Anwer burada JQuery kullanarak metin hizalama için stil nasıl eklenir?


1
2018-03-22 17:01