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)

实例

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

例

$("#btn1").click(function(){
　　alert($("li").data("price"));
});

テストを見て‹/›

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

例

//　存储数据
$("#btn1").click(function(){
　　$("div").data("msg",　"Hello　World");
});
//　获取数据
$("#btn2").click(function(){
　　$("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の雑多メソッド