jQueryのUIのAPI - ：データ（）セレクタ
カテゴリ
使用法
説明：データを選択するには、指定されたストレージ内の重要な要素となっています。
jQuery( ":data(key)" )
| 参数 | 描述 |
|---|---|
| key | 数据的键。 |
式$( "div:data(foo)") ）」）にマッチした.data( "foo", value )のデータを格納するためdiv 。
例
データを持つ要素を選択し、その背景色を変更。
<！DOCTYPE HTML>
<HTML LANG = "EN">
<ヘッド>
<メタ文字セット= "UTF-8">
<タイトル>：データ（）セレクタ例</タイトル>
<リンクのrel = "スタイルシート"のhref = "// code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<スタイル>
div要素{
幅：100ピクセル;
高さ：100pxに。
国境：1pxの固体＃000;
フロート：左;
}
</スタイル>
<SCRIPT SRC = "// code.jquery.com/jquery-1.10.2.js"> </スクリプト>
<SCRIPT SRC = "// code.jquery.com/ui/1.10.4/jquery-ui.js"> </スクリプト>
</ HEAD>
<ボディ>
<DIVのID = "1"> </ div>の
<DIVのID = "2"> </ div>の
<DIVのID = "3"> </ div>の
<スクリプト>
$（ "#one」）.dataセクション（「カラー」、「青」）。
$（ "#three」）.dataセクション（「カラー」、「緑」）。
$（ "：データ（色）」）.each（関数（）{
var要素= $（この）。
element.css（ "backgroundColorの」、element.data（"色 "））;
}）;
</スクリプト>
</ BODY>
</ HTML>