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ử được chọn
Trả lại thuộc tính CSS
Để trả về giá trị của thuộc tính CSS được chỉ định, hãy sử dụng cú pháp sau
Ví dụ sau sẽ trả về giá trị màu nền của phần tử khớp ĐẦU TIÊN
Đặt thuộc tính CSS
Để đặt thuộc tính CSS được chỉ định, hãy sử dụng cú pháp sau
css["tên thuộc tính","giá trị"];
Ví dụ sau sẽ đặt giá trị màu nền cho TẤT CẢ các phần tử phù hợp
Đặt nhiều thuộc tính CSS
Để đặt nhiều thuộc tính CSS, hãy sử dụng cú pháp sau
css[{"tên thuộc tính". "giá trị","tên thuộc tính". "giá trị",. }];
Ví dụ sau sẽ đặt màu nền và cỡ chữ cho TẤT CẢ các phần tử phù hợp
Ví dụ
$["p"]. css[{"màu nền". "màu vàng", "cỡ chữ". "200%"}];
Tự mình thử »bài tập jQuery
Kiểm tra bản thân với các bài tập
Bài tập
Sử dụng phương pháp css[]
để thêm màu nền hồng vào một
yếu tố
Cung cấp câu trả lời "
bắt đầu bài tập
Tham khảo CSS jQuery
Để biết tổng quan đầy đủ về tất cả các phương thức CSS của jQuery, vui lòng truy cập Tài liệu tham khảo HTML/CSS jQuery của chúng tôi
Tham số dữ liệu tùy chọn chỉ định một tập hợp các cặp khóa/giá trị chuỗi truy vấn để gửi cùng với yêu cầu
Tham số gọi lại tùy chọn là tên của một hàm sẽ được thực thi sau khi hoàn thành phương thức load[]
Đây là nội dung của tập tin ví dụ của chúng tôi. "demo_test. txt"
jQuery và AJAX thật VUI
Đây là một số văn bản trong một đoạn văn
Ví dụ sau tải nội dung của tệp "demo_test. txt" vào một địa chỉ cụ thể
yếu tố
Cũng có thể thêm bộ chọn jQuery vào tham số URL
Ví dụ sau tải nội dung của phần tử có id="p1", bên trong tệp "demo_test. txt", vào một địa chỉ cụ thể
yếu tố
Tham số gọi lại tùy chọn chỉ định chức năng gọi lại sẽ chạy khi phương thức load[]
hoàn thành. Hàm gọi lại có thể có các tham số khác nhau
responseTxt
- chứa nội dung kết quả nếu cuộc gọi thành côngstatusTxt
- chứa trạng thái của cuộc gọixhr
- chứa đối tượng XMLHttpRequest
Ví dụ sau hiển thị hộp cảnh báo sau khi phương thức load[] hoàn tất. Nếu phương pháp load[]
đã thành công, nó sẽ hiển thị "Đã tải nội dung bên ngoài thành công. ", và nếu không thành công, nó sẽ hiển thị thông báo lỗi
Bài đăng này sẽ thảo luận về cách tự động thêm biểu định kiểu CSS vào trang HTML bằng JavaScript và jQuery
1. Sử dụng jQuery
Nếu bạn làm việc với jQuery, bạn có thể sử dụng . appendTo[] để nối thêm biểu định kiểu vào cuối phần tử của tài liệu hiện tại. Đây là cách thực hiện.
1
2
3
4
5
6
7
// tự động thêm thư viện bootstrap
var biểu định kiểu = $["", {
rel. "bản định kiểu",
loại. "văn bản/css",
href. "https. //maxcdn. bootstrapcdn. com/bootstrap/3. 3. 7/css/khởi động. tối thiểu. css"
}];
biểu định kiểu. appendTo["head"];
Chỉnh sửa trong JSFiddle
Đây là phiên bản thay thế sử dụng . phương thức append[] .
1
2
3
// tự động thêm thư viện bootstrap
$['đầu']. chắp thêm['
href="https. //maxcdn. bootstrapcdn. com/bootstrap/3. 3. 7/css/khởi động. tối thiểu. css" />'];
Chỉnh sửa trong JSFiddle
Với $. ajax[] , bạn có thể tải CSS từ máy chủ và đính kèm nội dung trong các thẻ và cuối cùng nối nó vào cuối phần tử
của tài liệu hiện tại. Đoạn mã sau thể hiện điều này bằng cách tải động thư viện bootstrap.
1
2
3
4
5
6
7
// tự động thêm thư viện bootstrap
$. ajax[{
url. "https. //maxcdn. bootstrapcdn. com/bootstrap/3. 3. 7/css/khởi động. tối thiểu. css",
thành công. chức năng[dữ liệu] {
$["]< . .appendTo["head"].html[dữ liệu];
}
}]
Chỉnh sửa trong JSFiddle
Đây là phiên bản thay thế sử dụng . phương thức load[] .
1
2
3
// tự động thêm thư viện bootstrap
$[']. tải["https. //maxcdn. bootstrapcdn. com/bootstrap/3. 3. 7/css/khởi động. tối thiểu. css"]
. appendTo["head"];
Chỉnh sửa trong JSFiddle
2. Sử dụng JavaScript
Trong JavaScript gốc, bạn có thể sử dụng phương thức createElement[] gốc để tạo biểu định kiểu và appendChild[] method to append the stylesheet at the end of the element of the current document. Here’s how we can do it:
1
2
3
4
5
6
7
8
// tự động thêm thư viện bootstrap
var liên kết = tài liệu. createElement['link'];
liên kết. rel = "biểu định kiểu";
liên kết. loại = "văn bản/css";
liên kết. href = "https. //maxcdn. bootstrapcdn. com/bootstrap/3. 3. 7/css/khởi động. tối thiểu. css";
tài liệu. đầu. appendChild[liên kết];
Chỉnh sửa trong JSFiddle
Ngoài ra, bạn có thể thử với thuộc tính innerHTML
của Document.head
1
2
3
4
5
// tự động thêm thư viện bootstrap
var html = '
href="https. //maxcdn. bootstrapcdn. com/bootstrap/3. 3. 7/css/khởi động. tối thiểu. css" />';
tài liệu. đầu. innerHTML += html;
Chỉnh sửa trong JSFiddle
Đó là tất cả về cách tự động thêm biểu định kiểu CSS vào trang HTML bằng JavaScript và jQuery