Cách thêm kiểu cho bộ chọn qua jquery.?

Question

Mã sau có hoạt động không?

var htmlattri="background-color:red;"; 
$('a').css("style",htmlattri); 

Nếu không, giải pháp chính xác là gì?

Answer 1

Bạn có thể thêm nó vào thuộc tính style:

$('a').attr('style', htmlattri); 

Nhưng tôi sẽ sử dụng .css():

$('a').css('background-color', 'red'); 

Hoặc tốt hơn, làm điều đó với một stylesheet và chỉ sử dụng .addClass().

Answer 2

Bạn có thể trực tiếp đạt được điều này bằng cách làm này:

$('a').css("background-color",red); 

Nhưng bạn không nên làm điều này trực tiếp trên siêu liên kết. Bạn nên tạo một lớp hoặc Id và thêm lớp CSS đó vào lớp hoặc id cụ thể.

HTML: -

<a href="#" class="link" id="link">Test</a> 

Jquery: -

$('#link').css("background-color",red);  

Answer 3

Hãy thử điều này:

$("a").css("background-color","red"); 

Hoặc

var style ="background-color:red;"; 
$("a").attr("style", style); 

Answer 4

Bạn gần như ở đó. Bạn phải cung cấp cho các tên tham số và giá trị riêng rẽ: $('a').css("background-color","red");

Answer 5

thử đoạn mã sau:

$('a').css('background-color','red');

Answer 6

$('a').css('backgroundColor': 'red'); 

Answer 7

Sử dụng này

$('a').css('background-color','red'); 

HOẶC bạn có thể sử dụng cũng loại này

$('a').css({background-color:'red'});