Làm thế nào để ghi đè lên một lớp sử dụng jquery

Question

Một lớp học jQuery CSS bộ như sau:

.newwidget { border: 1px solid #5a9ee9; background: #5a9ee9 url(t6.gif) 50% 50% repeat-x; color: #ffffff; font-weight: bold; text-transform: uppercase; padding:3px 3px 3px 10px; font-size:10px} 

Làm thế nào lớp này có thể được ghi đè và một lớp học mới được bổ sung để tôi có thể đưa phong cách khác nhau trong đó? Có lẽ tôi phải loại bỏ trước khi lớp học trước khi thêm chúng. Làm thế nào được thực hiện?

Cảm ơn

Answer 1

Sử dụng bộ chọn lớp với addClass và removeClass.

$('.newwidget').removeClass('newwidget').addClass('newerwidget'); 

Answer 2

Bạn có thể để remove lớp cũ và add mới:

$myJQObject.removeClass('newwidget').addClass('newclass'); 

Answer 3

jQuery định nghĩa addClass() và removeClass() chỉ cho mục đích này:

$("#ElementId").removeClass('oldClassName').addClass('newClassName'); 

Hai chức năng làm rõ ràng . Chuỗi chúng như thế này để thay đổi tất cả các lớp trong một hành động.

Nếu bạn muốn thay đổi tất cả các yếu tố từ 'oldClass' thành 'newClass', bạn có thể sử dụng một chọn như thế này:

$(".oldClassName").removeClass('oldClassName').addClass('newClassName'); 

Answer 4

$(this).removeClass('oldClass').addClass('newClass'); 

Answer 5

Tôi nghĩ rằng nó đáng chú ý là bạn có thể loại bỏ tất cả các lớp học bằng cách rời khỏi tham số từ removeClass():

$('.newwidget').removeClass().addClass('newerwidget'); 

Answer 6

Nếu bạn đang tìm kiếm để thay thế hoàn toàn các lớp đang tồn tại trên một elemen t, bạn có thể sử dụng phương thức .attr().

$('#elementId').attr('class', 'newClassName'); 

Mọi lớp học trên elementId sẽ được thay thế.