Tài liệu API jQuery – jquery lấy giá trị thuộc tính

Bạn đang xem : jquery lấy giá trị thuộc tính

Mô tả: Lấy giá trị của thuộc tính cho phần tử đầu tiên trong tập hợp các phần tử đã so khớp.

Phương thức .prop () chỉ nhận giá trị thuộc tính cho phần tử đầu tiên trong tập hợp được so khớp. Nó trả về undefined cho giá trị của thuộc tính chưa được đặt hoặc nếu tập hợp không có phần tử nào. Để nhận giá trị cho từng phần tử riêng lẻ, hãy sử dụng cấu trúc lặp như phương thức .each () hoặc .map () của jQuery.

Lưu ý: Cố gắng thay đổi thuộc tính type (hoặc thuộc tính) của phần tử input được tạo qua HTML hoặc đã có trong tài liệu HTML sẽ dẫn đến lỗi bị Internet Explorer 6, 7 hoặc 8.

Thuộc tính so với Thuộc tính

Sự khác biệt giữa thuộc tính và thuộc tính có thể quan trọng trong các tình huống cụ thể. Trước jQuery 1.6 , phương thức .attr () đôi khi đã tính đến các giá trị thuộc tính khi truy xuất một số thuộc tính, điều này có thể gây ra hành vi không nhất quán. Kể từ jQuery 1.6 , phương thức .prop () cung cấp một cách để truy xuất các giá trị thuộc tính một cách rõ ràng, trong khi .attr () truy xuất các thuộc tính. < / p>

Ví dụ: selectIndex , tagName , nodeName , nodeType , ownerDocument , defaultChecked defaultSelected phải được truy xuất và đặt bằng phương thức .prop () . Trước jQuery 1.6, các thuộc tính này có thể truy xuất được bằng phương thức .attr () , nhưng điều này không nằm trong phạm vi của attr . Chúng không có thuộc tính tương ứng và chỉ là thuộc tính.

Liên quan đến các thuộc tính boolean, hãy xem xét một phần tử DOM được xác định bởi đánh dấu HTML & lt; input type = "checkbox" check = "check" / & gt; và giả sử nó nằm trong một biến JavaScript có tên < mã> elem :

Xem Thêm  Lấy kích thước màn hình, cửa sổ và trang web bằng JavaScript - javascript lấy kích thước cửa sổ

elem.checked
true (Boolean) Sẽ thay đổi theo trạng thái hộp kiểm

$ (elem) .prop ("đã kiểm tra")
true (Boolean) Sẽ thay đổi theo trạng thái hộp kiểm

elem.getAttribute ("đã kiểm tra")
"đã kiểm tra" (Chuỗi) Trạng thái ban đầu của hộp kiểm; không thay đổi

$ (elem) .attr ("đã kiểm tra")
(1.6+)

"đã kiểm tra" (Chuỗi) Trạng thái ban đầu của hộp kiểm; không thay đổi

$ (elem) .attr ("đã kiểm tra")
(trước 1.6)

true (Boolean) Đã thay đổi trạng thái hộp kiểm

Theo đặc tả biểu mẫu của W3C , thuộc tính đã kiểm tra là thuộc tính boolean , có nghĩa là thuộc tính tương ứng là true < / strong> nếu thuộc tính có ở tất cả — ví dụ: ngay cả khi thuộc tính không có giá trị hoặc được đặt thành giá trị chuỗi rỗng hoặc thậm chí là “false”. Điều này đúng với tất cả các thuộc tính boolean.

Tuy nhiên, khái niệm quan trọng nhất cần nhớ về thuộc tính đã kiểm tra là nó không tương ứng với thuộc tính đã kiểm tra . Thuộc tính thực sự tương ứng với thuộc tính defaultChecked và chỉ nên được sử dụng để đặt giá trị ban đầu của hộp kiểm. Giá trị thuộc tính đã kiểm tra không thay đổi theo trạng thái của hộp kiểm, trong khi thuộc tính đã kiểm tra thì có. Do đó, cách tương thích với nhiều trình duyệt để xác định xem hộp kiểm có được chọn hay không là sử dụng thuộc tính:

  • if (elem.checked)
  • if ($ (elem) .prop ("đã kiểm tra"))
  • if ($ (elem) .is (": đã kiểm tra"))

Điều này cũng đúng với các thuộc tính động khác, chẳng hạn như đã chọn giá trị .

Xem Thêm  Python String rstrip (): Loại bỏ các ký tự theo sau hoặc khoảng trắng - rstrip trong python là gì


Xem thêm những thông tin liên quan đến chủ đề jquery lấy giá trị thuộc tính

jQuery case insensitive attribute selector

  • Tác giả: kudvenkat
  • Ngày đăng: 2015-03-28
  • Đánh giá: 4 ⭐ ( 7016 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Link for all dot net and sql server video tutorial playlists
    https://www.youtube.com/user/kudvenkat/playlists?sort=dd&view=1

    Link for slides, code samples and text version of the video
    http://csharp-video-tutorials.blogspot.com/2015/03/jquery-case-insensitive-attribute.html

    Healthy diet is very important both for the body and mind. If you like Aarvi Kitchen recipes, please support by sharing, subscribing and liking our YouTube channel. Hope you can help.
    https://www.youtube.com/channel/UC7sEwIXM_YfAMyonQCrGfWA/?sub_confirmation=1

    In this video we will discuss, how to write a jQuery case-insensitive attribute value selector. Let us understand this with an example.

    The following example, only selects DIV 1. This is because jQuery attribute value selector is case-sensitive.
    [html]
    [head]
    [title][/title]
    [script src=”Scripts/jquery-1.11.2.js”][/script]
    [script type=”text/javascript”]
    $(document).ready(function () {
    $(‘div[title=”DivTitle”]’).css(‘border’, ‘3px solid red’);
    });
    [/script]
    [/head]
    [body]
    [div title=”DivTitle”]
    DIV 1
    [/div]
    [br /]
    [div title=”DIVTITLE”]
    DIV 2
    [/div]
    [br /]
    [div title=”divtitle”]
    DIV 3
    [/div]
    [/body]
    [/html]

    Use the following code to make the jQuery attribute value selector case-insensitive
    [script type=”text/javascript”]
    $(document).ready(function () {
    $(‘div[title]’).filter(function () {
    return $(this).attr(‘title’).toLowerCase() == ‘divtitle’;
    }).css(‘border’, ‘3px solid red’);
    });
    [/script]

    The above script should select all the 3 divs.

    Now let us look at an example of making attribute contains selector [name*=”value”], case-insensitive.

    The following example, selects only DIV 1 element. This is because the attribute contains selector is case-sensitive.
    [html]
    [head]
    [title][/title]
    [script src=”Scripts/jquery-1.11.2.js”][/script]
    [script type=”text/javascript”]
    $(document).ready(function () {
    $(‘div[title*=”Div”]’).css(‘border’, ‘3px solid red’);
    });
    [/script]
    [/head]
    [body]
    [div title=”DivTitle1″]
    DIV 1
    [/div]
    [br /]
    [div title=”DIVTITLE2″]
    DIV 2
    [/div]
    [br /]
    [div title=”divtitle3″]
    DIV 3
    [/div]
    [/body]
    [/html]

    To make attribute contains selector case-insensitive, use filter() method and regular expression as shown below.
    [script type=”text/javascript”]
    $(document).ready(function () {
    $(‘div[title]’).filter(function () {
    return (/Div/i).test($(this).attr(‘title’));
    }).css(‘border’, ‘3px solid red’);
    });
    [/script]

    OR

    [script type=”text/javascript”]
    $(document).ready(function () {
    $(‘div[title]’).filter(function () {
    return RegExp(‘Div’,’i’).test($(this).attr(‘title’));
    }).css(‘border’, ‘3px solid red’);
    });
    [/script]

    The above script should select all the 3 divs.

    Visual Studio Keyboard Shortcuts
    Convert Selected Text to Upper Case – CTRL + SHIFT + U
    Convert Selected Text to Lower Case – CTRL + U

jQuery và thuộc tính CSS

  • Tác giả: xuanthulab.net
  • Đánh giá: 3 ⭐ ( 1147 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Sử dụng các hàm jQuery như css() để đọc và thiết lập thuộc tính CSS của phần tử, các hàm jQuery về kích thước phần tử như width(), innerHeight()

[JQuery] Phần 6: Lấy nội dung và các thuộc tính trong jQuery

  • Tác giả: www.dammio.com
  • Đánh giá: 5 ⭐ ( 9170 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

jQuery Attributes

  • Tác giả: freetuts.net
  • Đánh giá: 3 ⭐ ( 1088 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: jQuery Attributes attr, query prop, cách lấy thuộc tính của thẻ input bằng jquery, kiểm tra một thuộc tính nào đó bằng cách dùng hàm attr và prop trong jquery

Tham khảo jQuery

  • Tác giả: hocwebchuan.com
  • Đánh giá: 4 ⭐ ( 2046 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: .attr(): Xác định thuộc tính của thành phần – Học Web Chuẩn

Lấy giá trị của thuộc tính CSS

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

Hướng dẫn các cách lấy giá trị trong jquery mới nhất 2020

  • Tác giả: cachthietkeweb.vn
  • Đánh giá: 4 ⭐ ( 7426 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: lấy giá trị trong jquery là một trong những từ khóa được search nhiều nhất trên google về chủ đề lấy giá trị trong jquery. Trong bài viết này,lamweb.vn sẽ viết bài viết Hướng dẫn các cách lấy giá trị trong jquery mới nhất 2020.

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

Xem Thêm  Tìm vị trí của phần tử nhỏ nhất trong mảng một chiều bằng C / C++ - tìm ước chung lớn nhất của 2 số trong pascal