Tôi đã thừa kế một dự án tôi đang làm việc và tôi đang cập nhật một số hình động jquery (thực hành rất ít với jquery).
Tôi có một div tôi cần phải thêm và loại bỏ các thuộc tính phong cách từ. Đây là div:
<div id='voltaic_holder'>
Tại một thời điểm trong hoạt hình tôi cần thêm một kiểu cho nó:
<div id='voltaic_holder' style='position:absolute;top:-75px'>
Tôi đã tìm kiếm và tìm thấy .removeAttr()
nhưng tôi không thể thấy cách thêm nó, hoặc thậm chí các phần từ xa của nó (như trên cùng: -75px).
Cảm ơn,
Bạn có thể thực hiện bất kỳ thao tác nào sau đây
Đặt từng thuộc tính kiểu:
$("#voltaic_holder").css("position", "relative");
Đặt nhiều thuộc tính kiểu cùng một lúc:
$("#voltaic_holder").css({"position":"relative", "top":"-75px"});
Xóa một kiểu cụ thể:
$("#voltaic_holder").css({"top": ""});
// or
$("#voltaic_holder").css("top", "");
Xóa toàn bộ thuộc tính kiểu:
$("#voltaic_holder").removeAttr("style")
Để loại bỏ hoàn toàn thuộc tính kiểu của voltaic_holder
span, làm điều này:
$("#voltaic_holder").removeAttr("style");
Để thêm thuộc tính, hãy thực hiện điều này:
$("#voltaic_holder").attr("attribute you want to add", "value you want to assign to attribute");
Để chỉ xóa kiểu đầu, hãy làm như sau:
$("#voltaic_holder").css("top", "");
Nếu bạn đang sử dụng jQuery, hãy sử dụng css thêm CSS
$("#voltaic_holder").css({'position': 'absolute',
'top': '-75px'});
Để xóa thuộc tính CSS
$("#voltaic_holder").css({'position': '',
'top': ''});
Cách dễ dàng để xử lý (và giải pháp HTML tốt nhất để khởi động) là thiết lập các lớp có kiểu mà bạn muốn sử dụng. Sau đó, nó là một vấn đề đơn giản của việc sử dụng addClass () và removeClass (), hoặc thậm chí toggleClass ().
$('#voltaic_holder').addClass('shiny').removeClass('dull');
hoặc thậm chí
$('#voltaic_holder').toggleClass('shiny dull');