วิธีการลบคุณสมบัติ css ใน jQuery

if(prev_clicked)
{   
    $("#accordion li a.category").css('background-image', 'url("img/off_all_channel.png")');                    
    $("#accordion li a.comment").css('background-image', 'url("img/on_all_online.png")');                   
    $(".icha0").removeProperty("background-color");
    $(".icha0").removeProperty("opacity");
}
else
{   
   $(".icha0").css("background-color","#D5D5D2");
   $(".icha0").css("opacity","0.70");
}

ฉันพยายามลบคุณสมบัติ CSS สองตัวที่ฉันเพิ่ม แต่ดูเหมือนว่าจะไม่ทำงาน อะไรบ้าง

คุณสามารถลบได้โดย:

$(".icha0").css({ 'background-color' : '', 'opacity' : '' });

คุณสามารถใช้.css()เพื่อลบคุณสมบัติ css ได้เช่นนี้

$(".icha0").css("background-color","");
$(".icha0").css("opacity","");

ดังที่กล่าวไว้ในเอกสาร jquery:

การตั้งค่าของคุณสมบัติสไตล์เป็นสตริงว่าง - เช่น $ ('# mydiv'). css ('color', '') - ลบคุณสมบัตินั้นออกจากองค์ประกอบถ้ามันถูกนำไปใช้โดยตรง

ในการลบคุณสมบัติ CSS ในบรรทัดให้ใช้:

$('.className').css({propertyName: ''});

ในการลบสไตล์ในบรรทัดทั้งหมดขององค์ประกอบให้ใช้:

$('.className').removeAttr('style');

ฉันได้พบคำแนะนำนี้เพื่อลบคุณสมบัติ CSS จากสไตล์ (ไฟล์แยก) ใช้:

$ ('. className'). style.propertyName = '';

แต่ฉันไม่สามารถทำให้มันใช้งานได้ดังนั้นฉันวางมันไว้ที่นี่แค่ FYI

คุณสามารถตั้งค่าคุณสมบัติกลับเป็นค่าว่างได้:

$(".icha0").css("background-color","");

หรือคุณสามารถเปลี่ยนรหัสเพื่อใช้คลาสที่กำหนดไว้ในไฟล์ CSS:

$(".icha0").addClass('properties'); 
$(".icha0").removeClass('properties');

ฉันมีปัญหานี้ แต่ฉันไม่เห็นวิธีแก้ไขปัญหาใด ๆ โซลูชันส่วนใหญ่แนะนำให้กำจัดแอตทริบิวต์ทั้งหมดซึ่งไม่คุ้มค่า

ฉันใช้วิธีpropของ jQuery

var styleObject = $('my-selector').prop('style'); 

styleObject.removeProperty('background-color');

เรามีสองวิธีคุณสามารถลบ CSS สไตล์คลาสที่นำไปใช้โดยตรงซึ่งใช้กับองค์ประกอบ DOM หรือลบสไตล์ CSS ที่ใช้จากองค์ประกอบ

//Remove the class associated with element

$('#ID').removeClass("cssClass");

//Remove the CSS style from DOM element

$('p').css({"color":""});

สลับน้อยกว่าตัวเลือกในอุดมคติ แต่อาจแก้ไขปัญหาต่าง ๆ ได้ เพิ่มคลาสใหม่ให้กับองค์ประกอบที่มีค่าสืบทอด :

CSS

.clearCSS {
    background-color: inherit !important;
}

jQuery

$(".icha0").addClass('clearCSS'); 

นี่คือสำเนาการคัดลอกจากคำตอบนี้และฉันใช้เพื่อล้างสไตล์ CSS ที่ฉันเพิ่มด้วย jQuery ในฟังก์ชันที่เรียกใช้ก่อนหน้านี้

ในการลบคุณสมบัติ CSS ในบรรทัดให้ใช้:

$('.className').css({propertyName: ''});   

ในการลบสไตล์ในบรรทัดทั้งหมดขององค์ประกอบให้ใช้:

$('.className').removeAttr('style');

หรือตาม ID:

$('#idName').removeAttr('style');

ในการลบคุณสมบัติ CSS ทั้งหมดใน JQuery สามารถใช้รหัสต่อไปนี้:

    $(".selector").removeClass().removeAttr('style');

ขอบคุณ

ถ้าคุณต้องการที่จะลบและไม่ได้ปรับปรุงสถานที่ให้บริการที่เฉพาะเจาะจงคุณสามารถใช้ RemovePropและไม่removeProperty :

$(".icha0").removeProp("background-color");
$(".icha0").removeProp("opacity");