Phương thức jQuery css ()

❮ Phương thức HTML / CSS jQuery

Thí dụ

Đặt thuộc tính màu của tất cả các phần tử <p>:

$("button").click(function(){
  $("p").css("color", "red");
});

Định nghĩa và Cách sử dụng

Phương thức css () đặt hoặc trả về một hoặc nhiều thuộc tính kiểu cho các phần tử đã chọn.

Khi được sử dụng để trả về thuộc tính:
Phương thức này trả về giá trị thuộc tính CSS được chỉ định của phần tử được so khớp ĐẦU TIÊN. Tuy nhiên, các thuộc tính CSS viết tắt (như "background" và "border") không được hỗ trợ đầy đủ và có thể cho các kết quả khác nhau trong các trình duyệt khác nhau.

Khi được sử dụng để đặt thuộc tính:
Phương thức này đặt thuộc tính CSS được chỉ định cho TẤT CẢ các phần tử phù hợp.


Cú pháp

Trả lại giá trị thuộc tính CSS:

$(selector).css(property)

Đặt thuộc tính và giá trị CSS:

$(selector).css(property,value)

Đặt thuộc tính và giá trị CSS bằng cách sử dụng một hàm:

$(selector).css(property,function(index,currentvalue))

Đặt nhiều thuộc tính và giá trị:

$(selector).css({property:value, property:value, ...})

Parameter Description
property Specifies the CSS property name, like "color", "font-weight", etc.
value Specifies the value of the CSS property, like "red", "bold", etc.
function(index,currentvalue) Specifies a function that returns the new value for the CSS property
  • index - Returns the index position of the element in the set
  • currentvalue - Returns the current value of the CSS property

Hãy tự mình thử - Ví dụ


Trả về giá trị thuộc tính CSS được chỉ định của phần tử được so khớp ĐẦU TIÊN.


Sử dụng một hàm để thay đổi thuộc tính CSS cho các phần tử đã chọn.


Cách đặt nhiều thuộc tính và giá trị CSS cho các phần tử đã chọn.


❮ Phương thức HTML / CSS jQuery