Hướng dẫn css in jquery

• Trang chủ
• Tham khảo
• jQuery
• jQuery - function
• .css()

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

• .css(): Được dùng để thêm một hoặc nhiều style cho thành phần.
• Ngoài ra còn có thể sử dụng .css() để lấy giá trị style của thành phần.

Cấu trúc

Thêm style cho thành phần:

• Đã được thêm vào từ phiên bản 1.0

• Đã được thêm vào từ phiên bản 1.4

Lấy giá trị style của thành phần:

• Đã được thêm vào từ phiên bản 1.0

.css('thuộc tính','giá trị')

Html viết:

Thành phần p có class
Thành phần p

Hiển thị trình duyệt:

Ta thấy thành phần p đã được thêm style="color:red".

So sánh code HTML trước và sau khi có jQuery:

.css({'thuộc tính 01':'giá trị 01','thuộc tính 02':'giá trị 02',...})

Html viết:

Thành phần p có class
Thành phần p

Hiển thị trình duyệt:

Ta thấy thành phần p đã được thêm style="color:red".

So sánh code HTML trước và sau khi có jQuery:

.css('thuộc tính',function(index,giá trị){})

Html viết:

Thành phần p có class
Thành phần p

Hiển thị trình duyệt:

Ta thấy thành phần p có class="test" đã được thêm width với giá trị nhân 2 (*2).

So sánh code HTML trước và sau khi có jQuery:

.css('thuộc tính','function')

Html viết:

Thành phần p có class
Thành phần p

Hiển thị trình duyệt:

Ta thấy thành phần p có class="test" đã được thêm width với giá trị cộng thêm 300 (+=300).

So sánh code HTML trước và sau khi có jQuery:

.css('thuộc tính')

Html viết:

list 01
list 02
list 03

Thành phần ul có chiều cao: 

Hiển thị trình duyệt:

.css(height) đã lấy giá trị chiều cao của thành phần ul.

So sánh code HTML trước và sau khi có jQuery:

.css({'thuộc tính 01','thuộc tính 02'})

Html viết:

list 01
list 02
list 03

Hiển thị trình duyệt:

.css(height) đã lấy giá trị chiều cao của thành phần ul.

So sánh code HTML trước và sau khi có jQuery: