BootStrapの$(selector).data()


多くのJSプラグインには$(selector)が使用されています.data()メソッドは、指定した要素上のdataから始まるすべてのカスタム属性を収集し、オブジェクトの字面量に統合することを意味します.data-先頭のカスタム属性はHTML 5で新しくサポートされた構文です.例:
<div id=“abc” data-role=“aaa” data-toggle=“toggle” data-xxx=“tom”></div>

data-roleのaaaという値を取得するには、次のコードを呼び出す必要があります.
$(”’#abc”).data(“role”);

パラメータを持たない$("’#abc").data();,これは、dataから始まるすべてのパラメータを一度に収集することを意味し、その結果は、次のようにvalue変数を宣言するのと同じです.
var value = {
role: ‘aaa’,
toggle: ‘toggle’,
xxx: ‘tom’
};

Bootstrapの多くのJSプラグインはこの特性を利用してHTML要素で定義されています
アニメーションを使用するかどうか、キーボードイベントを開くかどうかなど、必要なパラメータがいくつかあります.