Cách xóa thuộc tính css trong 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");
}

Tôi đang cố gắng loại bỏ hai thuộc tính css mà tôi đã thêm nhưng có vẻ như không hoạt động. Mặc dù vậy?

Bạn có thể loại bỏ chúng bằng cách:

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

Bạn cũng có thể sử dụng .css()để xóa thuộc tính css, như thế này:

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

Như đã đề cập trong tài liệu jquery:

Đặt giá trị của thuộc tính kiểu thành một chuỗi trống - ví dụ: $ ('# mydiv'). Css ('color', '') - xóa thuộc tính đó khỏi một thành phần nếu nó đã được áp dụng trực tiếp,

Để xóa thuộc tính CSS nội tuyến, hãy sử dụng:

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

Để xóa toàn bộ kiểu nội tuyến của một phần tử, hãy sử dụng:

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

Tôi cũng đã tìm thấy đề xuất này để xóa thuộc tính CSS khỏi các kiểu (tệp riêng) sử dụng:

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

NHƯNG tôi không thể làm cho nó hoạt động được, vì vậy tôi sẽ đặt nó ở đây chỉ là FYI.

Hoặc bạn có thể đặt các thuộc tính trở lại trống:

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

Hoặc bạn có thể thay đổi mã để sử dụng các lớp được xác định trong tệp CSS:

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

Chúng tôi có hai cách, hoặc là bạn có thể loại bỏ trực tiếp lớp kiểu CSS được áp dụng được áp dụng cho phần tử DOM hoặc loại bỏ kiểu CSS được áp dụng khỏi phần tử

//Remove the class associated with element

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

//Remove the CSS style from DOM element

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

Tôi đã gặp vấn đề này nhưng tôi chưa thấy giải pháp nào thỏa mãn OP. Hầu hết các giải pháp đề nghị loại bỏ toàn bộ thuộc tính style không xứng đáng.

Tôi đã sử dụng phương pháp prop của jQuery .

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

styleObject.removeProperty('background-color');

Thay thế ít hơn tùy chọn lý tưởng, nhưng có thể giải quyết các vấn đề khác nhau. Thêm một lớp mới vào phần tử có giá trị kế thừa :

css

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

jquery

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

Đây thực sự là một bản sao dán từ câu trả lời này và tôi sử dụng nó để xóa kiểu CSS mà tôi đã thêm với jQuery trong một hàm được thực hiện trước đó.

Để xóa thuộc tính CSS nội tuyến, hãy sử dụng:

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

Để xóa toàn bộ kiểu nội tuyến của một phần tử, hãy sử dụng:

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

HOẶC theo ID:

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

Để xóa tất cả thuộc tính CSS trong JQuery, có thể sử dụng đoạn mã sau:

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

Cảm ơn.

nếu bạn cần xóa và không cập nhật một thuộc tính cụ thể, bạn chỉ cần sử dụng removeProp và không gỡ bỏ :

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