Web Cơ Bản

Phương thức addClass() trong jQuery

1) Phương thức addClass() trong jQuery

- Phương thức addClass() dùng để thêm "tên lớp" vào giá trị thuộc tính class của phần tử.

- Lưu ý:

  • Phương thức addClass() chỉ thêm tên lớp chứ không xóa đi những tên lớp đã tồn tại trước đó.
  • Nếu tên lớp mà bạn muốn thêm vào đã tồn tại thì tên lớp đó sẽ bị bỏ qua.

2) Cách sử dụng phương thức addClass() trong jQuery

- Để sử dụng phương thức addClass(), ta dùng cú pháp như sau:

$(selector).addClass(classname);

- Dưới đây là bảng mô tả ý nghĩa & cách sử dụng các tham số trong phương thức addClass():

classname

- Tên lớp mà bạn muốn thêm.

- Nếu bạn muốn thêm nhiều tên lớp thì phải ngăn cách giữa các tên lớp bởi một dấu khoảng trắng.

3) Một số ví dụ

Ví dụ:

- Thêm lớp background vào giá trị thuộc tính class của các phần tử <p>


<script>
    $(document).ready(function(){
        $("button").click(function(){
            $("p").addClass("background");
        });
    });
</script>
Xem ví dụ
Ví dụ:

- Thêm lớp font & background vào giá trị thuộc tính class của các phần tử <p>


<script>
    $(document).ready(function(){
        $("button").click(function(){
            $("p").addClass("font background");
        });
    });
</script>
Xem ví dụ