Câu hỏi Thêm và loại bỏ thuộc tính style khỏi div với jquery


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,


76
2018-03-22 16:57


gốc


$('voltaic_holder').style = null có lẽ? Kiểu có toàn bộ cây đối tượng riêng của chúng. hầu hết các thuộc tính khác chỉ là dữ liệu loại khóa = giá trị. - Marc B


Các câu trả lời:


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")

175
2018-03-22 17:02



Tôi có thể thêm nhiều hơn 1 tài sản css cho mỗi dòng không? Hay tôi phải làm một cái cho mỗi thuộc tính kiểu như vậy: $("#voltaic_holder").css("position", "relative");  $("#voltaic_holder").css("top", "-75"); - drpcken
Để trả lời, bạn có thể. Chỉ cần sử dụng một đối tượng theo nghĩa đen trên hàm .css (). Giống như $ ('foo'). Css ({'height': '30px', 'width': '50px'}); - Richard Neil Ilagan
Có, bạn có thể - xem câu trả lời đã chỉnh sửa của tôi ở trên - Adam Albrecht
@AdamAlbrecht Làm thế nào tôi có thể loại bỏ phong cách cụ thể mà tôi đã thêm vì trong $ ("# voltaic_holder"). RemoveAttr ("style") nó loại bỏ tất cả các phong cách áp dụng được theo mặc định với mới được thêm vào. - 3 rules


Để 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", "");

17
2018-03-22 17:01





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': ''});

15
2018-03-22 17:00



Bạn không thể xóa vị trí hoặc thuộc tính trên cùng khỏi phần tử voltaic_holder, vì nó không có thuộc tính thos. Đó là những thuộc tính css được định nghĩa trong thuộc tính style. - Peter Olson
@Peter - doh! Đã chỉnh sửa để sử dụng .css - justkt


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');

7
2018-03-22 17:01





Anwer ở đây Cách tự động thêm kiểu cho căn chỉnh văn bản bằng cách sử dụng jQuery


1
2018-03-22 17:01