Phương thức jQuery toggleClass ()
❮ Phương thức HTML / CSS jQuery
Thí dụ
Chuyển đổi giữa thêm và xóa tên lớp "chính" cho tất cả các phần tử <p>:
$("button").click(function(){
$("p").toggleClass("main");
});
Định nghĩa và Cách sử dụng
Phương thức toggleClass () chuyển đổi giữa việc thêm và loại bỏ một hoặc nhiều tên lớp khỏi các phần tử đã chọn.
Phương thức này kiểm tra từng phần tử cho các tên lớp được chỉ định. Tên lớp được thêm vào nếu thiếu và bị xóa nếu đã được đặt - Điều này tạo ra hiệu ứng chuyển đổi.
Tuy nhiên, bằng cách sử dụng tham số "switch", bạn có thể chỉ định chỉ xóa hoặc chỉ thêm tên lớp.
Cú pháp
$(selector).toggleClass(classname,function(index,currentclass),switch)
Parameter | Description |
---|---|
classname | Required. Specifies one or more class names to add or remove. To specify several classes, separate the class names with a space |
function(index,currentclass) | Optional. Specifies a function that returns one or more class names to add/remove
|
switch | Optional. A Boolean value specifying if the class should only be added (true), or only be removed (false) |
Hãy tự mình thử - Ví dụ
Cách sử dụng phương thức toggleClass () để chuyển đổi giữa thêm và xóa tên lớp.
Sử dụng một hàm để chỉ định tên lớp nào sẽ được chuyển đổi cho các phần tử đã chọn.
Cách sử dụng tham số switch để chỉ thêm hoặc bớt tên lớp.
❮ Phương thức HTML / CSS jQuery