Pertanyaan Menambahkan dan menghapus atribut gaya dari div dengan jquery


Saya telah mewarisi proyek yang sedang saya kerjakan dan saya memperbarui beberapa animasi jquery (sedikit praktik dengan jquery).

Saya memiliki div saya perlu menambahkan dan menghapus atribut style dari. Di sini adalah div:

<div id='voltaic_holder'>

Pada satu titik dalam animasi saya perlu menambahkan gaya untuk itu:

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

Saya telah mencari di sekitar dan menemukan .removeAttr() metode tetapi saya tidak bisa melihat cara menambahkannya, atau bahkan bagian terpencilnya (seperti bagian atas: -75 piksel saja).

Terima kasih,


75
2018-03-22 16:57


asal


Jawaban:


Anda dapat melakukan hal-hal berikut

Tetapkan setiap properti gaya satu per satu:

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

Setel beberapa properti sekaligus:

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

Hapus gaya tertentu:

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

Hapus seluruh atribut style:

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

174
2018-03-22 17:02



Untuk benar-benar menghapus atribut style dari voltaic_holder span, lakukan ini:

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

Untuk menambahkan atribut, lakukan ini:

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

Untuk menghapus hanya gaya teratas, lakukan ini:

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

17
2018-03-22 17:01



Jika Anda menggunakan jQuery, gunakan css untuk menambahkan CSS

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

Untuk menghapus atribut CSS

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

15
2018-03-22 17:00



Cara mudah untuk menangani ini (dan solusi HTML terbaik untuk boot) adalah mengatur kelas yang memiliki gaya yang ingin Anda gunakan. Maka itu masalah sederhana penggunaan addClass () dan removeClass (), atau bahkan toggleClass ().

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

atau bahkan

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

7
2018-03-22 17:01



Anwer ada di sini Cara menambahkan gaya dinamis untuk teks-menyelaraskan menggunakan jQuery


1
2018-03-22 17:01