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

Mô tả: Nhận 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 .attr () nhận giá trị thuộc tính chỉ cho phần tử đầu tiên trong tập hợp được so khớp. Để 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.

Sử dụng phương thức .attr () của jQuery để nhận giá trị thuộc tính của phần tử có hai lợi ích chính:

  1. Tiện lợi : Nó có thể được gọi trực tiếp trên một đối tượng jQuery và được liên kết với các phương thức jQuery khác.
  2. Tính nhất quán trên nhiều trình duyệt : Giá trị của một số thuộc tính được báo cáo không nhất quán trên các trình duyệt và thậm chí trên các phiên bản của một trình duyệt. Phương thức .attr () làm giảm sự mâu thuẫn như vậy.

Lưu ý: Giá trị thuộc tính là các chuỗi ngoại trừ một số thuộc tính như value và tabindex.

Kể từ jQuery 1.6, phương thức .attr () trả về undefined cho các thuộc tính chưa được đặt. Để truy xuất và thay đổi các thuộc tính DOM, chẳng hạn như trạng thái đã kiểm tra , được chọn hoặc bị vô hiệu của các phần tử biểu mẫu, hãy sử dụng . phương thức prop () .

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>

Xem Thêm  » - căn chỉnh thẻ html img

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 :

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")
"check" (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+)

"check" (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  NGÀY CẬP NHẬT SQL - cập nhật ngày trong sql


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

jQuery Tutorial #3 – Writing Smarter, Better Code – jQuery Tutorial for Beginners

  • Tác giả: LearnCode.academy
  • Ngày đăng: 2014-03-22
  • Đánh giá: 4 ⭐ ( 6650 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: With jQuery is easy to make things happen, but easy doesn’t always mean right! In this lesson, we’re gonna make our 20 lines of code compact into 4 lines of code…and it will be better code

    This will involve selecting HTML elements by classname and getting a custom HTML5 attribute value with jQuery.

    Lesson 1: https://www.youtube.com/watch?v=hMxGhHNOkCU&list=UUVTlvUkGslCV_h-nSAId8Sw

    Lesson 2: https://www.youtube.com/watch?v=G-POtu9J-m4&list=UUVTlvUkGslCV_h-nSAId8Sw

    Lesson 4: https://www.youtube.com/watch?v=LYKRkHSLE2E

    -~-~~-~~~-~~-~-
    Also watch: “Responsive Design Tutorial – Tips for making web sites look great on any device”
    https://www.youtube.com/watch?v=fgOO9YUFlGI
    -~-~~-~~~-~~-~-

Tham khảo jQuery

  • Tác giả: hocwebchuan.com
  • Đánh giá: 4 ⭐ ( 7654 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Hàm jQuery giúp bạn củng cố thêm kiến thức và hiểu rõ hơn những gì bạn đã học – Học Web Chuẩn

Đọc và gán giá trị cho phần tử HTML bằng jQuery

  • Tác giả: xuanthulab.net
  • Đánh giá: 4 ⭐ ( 5661 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Sử dụng các phương thức html(), text() và val() để đọc nội dung thiết lập giá trị cho phần tử HTML kể cả đọc giá trị phần tử trong form như input, text

Thuộc tính trong jQuery

  • Tác giả: hoc.tv
  • Đánh giá: 4 ⭐ ( 6273 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Một số thành phần cơ bản nhất, chúng ta có thể thao tác với các phần tử DOM, là các đặc tính và các thuộc tính được gán cho các phần tử đó.

Thuộc tính trong jQuery

  • Tác giả: hoclaptrinh.vn
  • Đánh giá: 5 ⭐ ( 7979 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: jQuery cung cấp cho chúng ta các phương thức để thao tác các thuộc tính của phần tử một cách dễ dàng và giúp chúng ta truy cập tới các phần tử này để mà chúng ta có thể thay đổi các tính chất của chúng.

jQuery nhận giá trị tùy chọn đã chọn (không phải văn bản, nhưng thuộc tính ‘value’)

  • Tác giả: qastack.vn
  • Đánh giá: 4 ⭐ ( 6716 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: [Tìm thấy giải pháp!] 04/2020: Sửa câu trả lời cũ Sử dụng : bộ chọn psuedo đã chọn trên các…

Tìm hiểu về JQuery part 3

  • Tác giả: viblo.asia
  • Đánh giá: 3 ⭐ ( 1725 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Chào tất cả mọi người. Tháng 6 mình sẽ tiếp tục với các bài viết liên quan đến Jquery. Trong 2 phần trước thì mình đã giới thiệu Jquery là gì và cách sử dụng Selector trong Jquery. Hôm nay chúng ta sẽ…

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  Cách tăng kích thước văn bản trên máy tính của bạn - kích thước của văn bản

By ads_php