jQuery

#インスタンス; イベント; パフォーマンス; モバイル; 基盤

data

英[?de?t?] 美[ ?det?, ?d?t?, ?dɑt?]

n. データ、材料; datum の複數(shù)形; [コンピュータ] データ、情報; 科學(xué)実験から抽出された値

jQuery jQuery.data() メソッド 構(gòu)文

関數(shù): data() メソッドは、選択した要素にデータを追加するか、選択した要素からデータを取得します。これは低レベルのメソッドであるため、.data() を使用する方が便利です。

要素からの関數(shù)を返す: 選択した要素から追加データを返します。

構(gòu)文: $(selector).data(name)

パラメータ:

パラメータ説明
名前オプション。取得するデータの名前を指定します。名前が指定されていない場合、このメソッドは要素から格納されているすべてのデータをオブジェクトとして返します。

#要素にデータを追加: 選択した要素にデータを追加します。

##構(gòu)文: $(selector).data(name,value)

##パラメータ:

#パラメータ説明必須。設(shè)定するデータの名前を指定します。 必須。設(shè)定するデータの値を指定します。 #オブジェクトを使用して要素にデータを追加する: 名前と値のペアを持つオブジェクトを使用して、選択した要素にデータを追加します。
名前
値

構(gòu)文: $(selector).data(object)

パラメータ:

パラメータ説明必須。名前と値のペアを含むオブジェクトを指定します。 ＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃

jQuery jQuery.data() メソッド 例

<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("#btn1").click(function(){
    $("div").data("greeting", "Hello World");
  });
  $("#btn2").click(function(){
    alert($("div").data("greeting"));
  });
});
</script>
</head>
<body>
<button id="btn1">把數(shù)據(jù)添加到 div 元素</button><br />
<button id="btn2">獲取已添加到 div 元素的數(shù)據(jù)</button>
<div></div>
</body>
</html>
インスタンスの実行 ?

[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します

  • オブジェクト