Web Cơ Bản

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

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

- Phương thức removeAttr() dùng để xóa "một hoặc nhiều thuộc tính" của phần tử.

- Lưu ý: Thuộc tính ở đây là thuộc tính của phần tử (ví dụ như: src, href, style, width, height, ....) chư không phải thuộc tính định dạng CSS.

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

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

$(selector).removeAttr(attribute);

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

Tham số Yêu cầu Mô tả ý nghĩa & cách sử dụng
attribute Bắt buộc

- Tên thuộc tính mà bạn muốn xóa (tên thuộc tính phải được viết bên trong cặp dấu nháy đơn hoặc cặp dấu nháy kép)

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

- Lưu ý: Nếu thuộc tính mà bạn muốn xóa không tồn trong phần tử thì thuộc tính đó sẽ được bỏ qua.

3) Một số ví dụ

Ví dụ:

- Xóa thuộc tính height của phần tử <img>

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

- Xóa thuộc tính width & height của phần tử <img>

<script>
    $(document).ready(function(){
        $("button").click(function(){
            $("img").removeAttr("width height");
        });
    });
</script>
Xem ví dụ