jQuery loại bỏ thuộc tính vô hiệu hóa; Trong hướng dẫn này, bạn sẽ học cách xóa thuộc tính và vô hiệu hóa thuộc tính khỏi các phần tử HTML như hộp nhập, hộp chọn, vùng văn bản, nút radio, hộp kiểm, v.v. bằng cách sử dụng phương thức attr ().

Bạn đang xem : jquery xóa thuộc tính khỏi phần tử

jQuery xóa thuộc tính và vô hiệu hóa thuộc tính; Trong hướng dẫn này, bạn sẽ học cách xóa thuộc tính và vô hiệu hóa thuộc tính khỏi các phần tử HTML như hộp nhập, hộp chọn, vùng văn bản, nút radio, hộp kiểm, v.v. bằng phương thức attr ().

Bạn có thể sử dụng phương thức thuộc tính jquery removeAttr () để xóa thuộc tính phần tử HTML đã chọn hoặc xóa jquery thuộc tính bị vô hiệu hóa.

Trong hướng dẫn này, bạn sẽ thấy một số ví dụ như xóa thuộc tính href , xóa dữ liệu giá trị thuộc tính, xóa thuộc tính bị vô hiệu hóa và jquery xóa thuộc tính bị vô hiệu hóa khỏi tùy chọn đã chọn.

Phương thức jQuery removeAttr ()

Sử dụng phương thức jQuery () có thể xóa các thuộc tính đã chỉ định khỏi phần tử HTML .

Cú pháp cho jQuery Xóa thuộc tính

Bạn có thể sử dụng cú pháp này để xóa giá trị thuộc tính.

 $ ("selector"). removeAttr (thuộc tính); 

Bạn có thể sử dụng cú pháp này để xóa nhiều giá trị thuộc tính.

 $ ("selector"). removeAttr (thuộc tính thuộc tính); 

Các tham số của phương thức removeAttr ()

ParameterDescriptionattributeThis là bắt buộc. Nó chỉ định một hoặc nhiều thuộc tính để loại bỏ các phần tử. Để xóa một số thuộc tính, hãy tách các tên thuộc tính bằng dấu cách

< p class = "ezoic-ad medrectangle-4 medrectangle-4340 adtester-container adtester-container-340">

Ví dụ đầu tiên – jquery remove thuộc tính anchor

Ví dụ này sẽ cho bạn thấy cách xóa các thuộc tính khỏi một phần tử được chọn trong HTML bằng phương thức jQuery removeAttr ().

 & lt;! DOCTYPE html & gt;
& lt; html lang = "vi" & gt;
& lt; đầu & gt;
& lt; meta charset = "utf-8" & gt;
& lt; title & gt; jQuery Xóa Thuộc tính khỏi Phần tử đã Chọn HTML & lt; / title & gt;
& lt; script src = "https://code.jquery.com/jquery-3.3.1.min.js" & gt; & lt; / script & gt;
& lt; script type = "text / javascript" & gt;
    $ (tài liệu) .ready (function () {
        $ (". remove"). click (function () {
            $ ("# liên kết"). removeAttr ("href style");
        });
    });
& lt; / script & gt;
& lt; / head & gt;
& lt; body & gt;
    & lt; h3 style = "margin-bottom: 10px" & gt; Nhấp vào nút được cung cấp bên dưới & lt; / h3 & gt;
    & lt; p & gt; & lt; a id = "link" href = "https://www.tutsmake.com" style = "background-color: green; font-size: 50px;" & gt; Tutsmake.com & lt; / a & gt; & lt; / p & gt;
    & lt; button type = "button" class = "remove" & gt; Xóa Thuộc tính & lt; / button & gt;
& lt; / body & gt;
& lt; / html & gt;

Đầu ra

Xóa thuộc tính khỏi Phần tử đã Chọn HTML

Xem Thêm  Cách tạo cửa sổ bật lên tự động bằng HTML & CSS - cửa sổ bật lên tự động html w3schools

Nhấp vào nút được cung cấp bên dưới

Tutsmake.com

Trong ví dụ trên về phương thức removeAttr (), Bạn có thể sử dụng phương thức jQuery removeAttr () để loại bỏ thuộc tính của phần tử HTML đã chọn. Khi chúng tôi nhấp vào nút Xóa liên kết, nó sẽ xóa thuộc tính href của thẻ neo.

Nếu bạn muốn xóa nhiều thuộc tính của các phần tử html đã chọn, bạn có thể chỉ cần chuyển nhiều thuộc tính trong phương thức removeAttr (). Trong ví dụ về loại bỏ thuộc tính này, chúng tôi đã xóa nhiều thuộc tính của các phần tử html đã chọn.

Ví dụ thứ hai – jquery remove thuộc tính bị tắt

Làm cách nào để xóa thuộc tính bị tắt của các phần tử HTML đã chọn?

< p> Ví dụ này sẽ cho bạn thấy cách xóa các thuộc tính bị vô hiệu khỏi một phần tử được chọn trong HTML bằng phương thức jQuery removeAttr ().

 & lt;! DOCTYPE html & gt;
& lt; html lang = "vi" & gt;
& lt; đầu & gt;
& lt; meta charset = "utf-8" & gt;
& lt; title & gt; Xóa Thuộc tính Bị Tắt khỏi Phần tử Đã Chọn HTML & lt; / title & gt;
& lt; script src = "https://code.jquery.com/jquery-3.3.1.min.js" & gt; & lt; / script & gt;
& lt; script type = "text / javascript" & gt;
    $ (tài liệu) .ready (function () {
        $ (". remove_btn"). click (function () {
            $ (". bị vô hiệu hóa"). removeAttr ("bị vô hiệu hóa");
        });
    });
& lt; / script & gt;
& lt; / head & gt;
& lt; body & gt;
    & lt; h3 style = "margin-bottom: 10px" & gt; Bên dưới hộp kiểm này & amp; hộp nhập liệu bị tắt & lt; / h3 & gt;
    & lt; p & gt; & lt; input type = "checkbox" class = "disable" bị vô hiệu hóa & gt; & lt; / p & gt;
    & lt; p & gt; & lt; input type = "text" class = "vô hiệu hóa" bị vô hiệu hóa = "bị vô hiệu hóa" & gt; & lt; / p & gt;
    & lt; p & gt; & lt; b & gt; Lưu ý: & lt; / b & gt; Nhấp vào các nút bên dưới và xóa thuộc tính bị vô hiệu hóa. & Lt; / p & gt;
    & lt; button type = "button" class = "remove_btn" & gt; Xóa Thuộc tính & lt; / button & gt;
& lt; / body & gt;
& lt; / html & gt;

Đầu ra

Xóa Thuộc tính Bị Tắt khỏi Phần tử Đã Chọn HTML

Xem Thêm  Giải thích về Rowspan bảng và Colspan trong HTML (Có ví dụ) » - khoảng cách hàng của bảng html

Bên dưới hộp kiểm này & amp; hộp nhập liệu bị tắt

Lưu ý: Nhấp vào các nút bên dưới và xóa thuộc tính bị vô hiệu hóa.

Trong lần đầu tiên thuộc tính html được chọn đã bị vô hiệu hóa, Khi bạn nhấp vào nút, một hộp cảnh báo sẽ hiển thị liệu thuộc tính có bị xóa hay không.

Ví dụ thứ ba – jquery xóa thuộc tính bị vô hiệu khỏi tùy chọn chọn < / h3>

 & lt;! DOCTYPE html & gt;
& lt; html lang = "vi" & gt;
& lt; đầu & gt;
& lt; meta charset = "utf-8" & gt;
& lt; title & gt; jQuery Xóa Thuộc tính Bị Vô hiệu khỏi Chọn Tùy chọn & lt; / title & gt;
& lt; script src = "https://code.jquery.com/jquery-3.3.1.min.js" & gt; & lt; / script & gt;
& lt; script type = "text / javascript" & gt;
    $ (tài liệu) .ready (function () {
        $ (". remove_select_btn"). click (function () {
            $ (". option"). removeAttr ("vô hiệu hóa");
        });
    });
& lt; / script & gt;
& lt; / head & gt;
& lt; body & gt;
    & lt; h3 style = "margin-bottom: 10px" & gt; jQuery Xóa Thuộc tính Bị Tắt khỏi Tùy chọn Hộp Chọn & lt; / h3 & gt;
    & lt; select class = "select" & gt;
        & lt; option & gt; Chọn Số & lt; / option & gt;
        & lt; option class = "option" data-number = "0" bị vô hiệu hóa & gt; 0 & lt; / option & gt;
        & lt; option class = "option" data-number = "1" bị vô hiệu hóa & gt; 1 & lt; / option & gt;
        & lt; option class = "option" data-number = "1" đã tắt & gt; 2 & lt; / option & gt;
    & lt; / select & gt;
    & lt; p & gt; & lt; b & gt; Lưu ý: & lt; / b & gt; Nhấp vào các nút bên dưới và xóa thuộc tính bị vô hiệu hóa khỏi tùy chọn hộp chọn. & Lt; / p & gt;
    & lt; button type = "button" class = "remove_select_btn" & gt; Xóa Thuộc tính & lt; / button & gt;
& lt; / body & gt;
& lt; / html & gt;

Đầu ra

jQuery Xóa thuộc tính bị vô hiệu khỏi tùy chọn chọn

jquery xóa thuộc tính bị vô hiệu khỏi tùy chọn chọn

Lưu ý: Nhấp vào các nút bên dưới và xóa thuộc tính bị vô hiệu hóa khỏi hộp chọn tùy chọn.

Bạn có thể thích


Xem thêm những thông tin liên quan đến chủ đề jquery xóa thuộc tính khỏi phần tử

#46 JQuery DOM Manipulations Part 3

  • Tác giả: Telusko
  • Ngày đăng: 2018-12-26
  • Đánh giá: 4 ⭐ ( 1540 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: jQuery contains powerful methods for changing and manipulating HTML elements and attributes.
    One very important part of jQuery is the possibility to manipulate the DOM.
    jQuery comes with a bunch of DOM related methods that make it easy to access and manipulate elements and attributes.
    Three simple, but useful, jQuery methods for DOM manipulation are:
    append() – Inserts content at the end of the selected elements
    prepend() – Inserts content at the beginning of the selected elements
    after() – Inserts content after the selected elements
    before() – Inserts content before the selected elements
    remove() – Removes the selected element (and its child elements)
    empty() – Removes the child elements from the selected elements
    Video by – Tanmay Sakpal
    Simple Snippets Channel link – https://www.youtube.com/simplesnippets

Cách xóa thuộc tính khỏi đối tượng JavaScript

  • Tác giả: tech-wiki.online
  • Đánh giá: 3 ⭐ ( 3905 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

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

  • Tác giả: webcoban.vn
  • Đánh giá: 5 ⭐ ( 1684 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Hướng dẫn cách sử dụng phương thức removeAttr() trong jQuery để xóa thuộc tính của phần tử HTML bằng jQuery

Xóa phần tử khỏi DOM HTML với jQuery

  • Tác giả: xuanthulab.net
  • Đánh giá: 3 ⭐ ( 999 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Các phương thức .remove, .empty(), .detach() trong jQuery để loại bỏ phần tử khỏi DOM HTML

Xóa một thuộc tính khỏi các phần tử HTML

  • Tác giả: hiepsiit.net
  • Đánh giá: 3 ⭐ ( 1190 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Attributes trong jQuery

  • Tác giả: www.vnfree.net
  • Đánh giá: 4 ⭐ ( 3474 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Tìm hiểu cách thao tác với attributes trong jQuery

Cách xóa thuộc tính css trong jQuery

  • Tác giả: qastack.vn
  • Đánh giá: 4 ⭐ ( 5151 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: [Tìm thấy giải pháp!] Bạn có thể loại bỏ chúng bằng cách: $(“.icha0″).css({ ‘background-color’ : ”, ‘opacity’ : ” });

Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình

By ads_php