การเพิ่มและลบ style attribute จาก div ด้วย jquery

ฉันได้รับช่วงโปรเจ็กต์ที่ฉันกำลังทำอยู่และฉันกำลังอัปเดตแอนิเมชั่น jquery (ฝึก jquery น้อยมาก)

ฉันมี div ฉันต้องการเพิ่มและลบแอตทริบิวต์สไตล์จาก นี่คือ div:

<div id='voltaic_holder'>

จนถึงจุดหนึ่งของแอนิเมชั่นฉันต้องเพิ่มสไตล์ให้กับมัน:

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

ฉันค้นหารอบ ๆ และพบ.removeAttr()วิธีการแล้ว แต่ฉันไม่เห็นวิธีการเพิ่มหรือแม้แต่ส่วนระยะไกลของมัน (เช่นด้านบน: -75px เท่านั้น)

ขอบคุณ

คุณสามารถดำเนินการอย่างใดอย่างหนึ่งต่อไปนี้

ตั้งค่าคุณสมบัติแต่ละสไตล์แยกกัน:

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

ตั้งค่าคุณสมบัติหลายสไตล์พร้อมกัน:

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

ลบสไตล์เฉพาะ:

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

ลบแอตทริบิวต์สไตล์ทั้งหมด:

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

หากต้องการลบแอตทริบิวต์สไตล์ของvoltaic_holderช่วงโดยสมบูรณ์ให้ทำดังนี้:

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

ในการเพิ่มแอตทริบิวต์ให้ดำเนินการดังนี้:

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

หากต้องการลบเฉพาะสไตล์ด้านบนให้ทำดังนี้:

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

หากคุณใช้ jQuery ให้ใช้cssเพื่อเพิ่ม CSS

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

เพื่อลบแอตทริบิวต์ CSS

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

วิธีง่ายๆในการจัดการสิ่งนี้ (และโซลูชัน HTML ที่ดีที่สุดในการบูต) คือการตั้งค่าคลาสที่มีสไตล์ที่คุณต้องการใช้ จากนั้นมันก็เป็นเรื่องธรรมดาของการใช้addClass ()และremoveClass ()หรือแม้กระทั่งtoggleClass ()

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

หรือแม้กระทั่ง

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

Anwer อยู่ที่นี่ วิธีเพิ่มสไตล์สำหรับการจัดข้อความแบบไดนามิกโดยใช้ jQuery

ในกรณีของวิธีการ. cssใน jQuery for ! importantจะใช้ไม่ได้

ในกรณีนี้เราควรใช้ฟังก์ชัน. attr

ตัวอย่างเช่นหากคุณต้องการเพิ่มสไตล์ดังต่อไปนี้:

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

คุณควรใช้:

$("#voltaic_holder").attr("style", "position:absolute;top:-75px !important");

หวังว่าจะช่วยได้บ้าง

ลบสไตล์แอตทริบิวต์จาก div โดยใช้แบบสอบถาม J:

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

เพิ่มสไตล์ให้กับ div โดยใช้แบบสอบถาม J:

$("#TableDiv").attr("style", "display: none;");

เพิ่มสไตล์โดยใช้ html:

<div class="row" id="TableDiv" style="display: none;">
</div>

หวังว่าจะเป็นประโยชน์ :)