jQuery 基础教程

jQuery 效果

jQuery 操作方法

jQuery 遍历

jQuery Ajax

jQuery 杂项

jQuery 참조 가이드

jQuery 속성 jQuery杂项方法

jQuery 杂项 data() 方法

jQuery杂项方法

data()方法将任意数据存储到选定元素或从中获取数据。

当使用data()方法获取数据时，它将返回第一个选定元素的数据。

当data()方法用于存储数据时，它将数据存储到所有选定的元素。

要删除数据，请使用removeData()方法。

语法：

返回所选元素的存储数据：

$(selector).data(key)

将数据存储到选定的元素：

$(selector).data(key,　value)

使用对象将数据存储到选定的元素：

$(selector).data(key,　object)

实例

从第一个列表项中检索数据：

예제

1
　　alert($("li").data("price"));
});

테스트를 보려면‹/›

将数据存储到DIV元素，然后检索数据：

예제

//　存储数据
1
　　$("div").data("msg",　"Hello　World");
});
//　获取数据
2
　　$("div").text($("div").data("msg"));
});

테스트를 보려면‹/›

데이터를 DIV 요소에 저장하고, 데이터를 검색하려면 객체를 사용합니다：

예제

$("button").click(function(){
　　$("div").data("test", {first:　16, last: "pizza!"});
　　"$span:first".text($("div").data("test").first);
　　"$span:last".text($("div").data("test").last);
});

테스트를 보려면‹/›

버튼을 통해 "데이터 비디오" 속성을 검색합니다：

예제

$("#videoModal").on("show.bs.modal", function(event) {
　　let button = $(event.relatedTarget);　//　모달을 트리거하는 버튼
　　let url = button.data("video");　　//　데이터에서-비디오 속성에서 URL 추출
　　$(this).find("iframe").attr({
　　　　src : url,
　　　　allow : "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
　　});
});

테스트를 보려면‹/›

매개변수 값

매개변수	설명
key	설정하려는 데이터의 키(이름)를 지정합니다
value	설정하려는 데이터 값을 지정합니다
object	데이터 객체의 키-밸류 데이터를 업데이트하려면

jQuery杂项方法

jQuery 속성 jQuery杂项方法