jQuery Dữ liệu - Phương pháp jQuery.data()

Mô hình

Thêm dữ liệu vào phần tử, sau đó lấy lại dữ liệu đó:

$("#btn1").click(function(){
  $("div").data("greeting", "Hello World");
});
$("#btn2").click(function(){
  alert($("div").data("greeting"));
});

Thử ngay

Định nghĩa và cách sử dụng

Phương pháp data() thêm dữ liệu vào phần tử được chọn hoặc lấy dữ liệu từ phần tử được chọn.

Ghi chú:Đây là phương pháp cấp thấp; sử dụng .data() Rất tiện lợi.

Trả về dữ liệu từ phần tử

Trả về dữ liệu đã thêm vào phần tử được chọn.

Cú pháp

$().data(tên)
Tham số Mô tả
tên

Tùy chọn. Định nghĩa tên của dữ liệu cần lấy lại.

Nếu không quy định tên, phương pháp này sẽ trả về tất cả dữ liệu được lưu trữ trong phần tử dưới dạng đối tượng.

Thêm dữ liệu vào phần tử

Thêm dữ liệu vào phần tử được chọn.

Cú pháp

$().data(tên,giá trị)
Tham số Mô tả
tên Bắt buộc. Định nghĩa tên của dữ liệu cần thiết lập.
giá trị Bắt buộc. Định nghĩa giá trị của dữ liệu cần thiết lập.

Sử dụng đối tượng để thêm dữ liệu vào phần tử

Sử dụng đối tượng chứa cặp tên/giá trị để thêm dữ liệu vào phần tử được chọn.

Cú pháp

$().data(đối tượng)

Thử ngay

Tham số Mô tả
đối tượng Bắt buộc. Định nghĩa đối tượng chứa cặp tên/giá trị.