不少JS插件裏都使用了$(selector).data()方法,它的意思是收集指定元素上的全部以data-開頭的自定義屬性,併合併成爲一個對象字面量。動畫
對於以data-開頭的自定義屬性,相信你們都知道它是HTML5新支持的語法。好比:
<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元素上定義了一些必要的參數,好比要不要使用動畫、是否開啓鍵盤事件等。你們在分析JS插件的option選項參數時便可看到各個參數的詳細解釋。io