最近幾天學習bootstrap有感，通過data-api可以使用所有的bootstrap插件，不用寫一行js代碼，方便了很多，是我們的首選方式。

為什么bootstrap的插件當中出現(xiàn)很多data-api，因為我們通常在使用bootstrap框架的時候需要引入的是bootstrap.css,bootstrap.js,以及jQuery.js,然后我們之所以不用寫一點js代碼就可以使用特效豐富的bootstrap框架，原因就是bootstrap.js已經(jīng)幫我們完成了所有的js代碼，就是通過data-api完成的，所以data-api就是框架當中js完成特效的核心。可以通俗的理解為data-api就是一個普通的以data開頭的屬性，在js當中我們可以通過這個data-api找到某個元素。

jquery操作data-api的方法：

示例

<div data-support = "pc"></div>  <script>  //獲取support值  console.log($('div').data('support'));  //設置support值  $('div').data('support','mobile_divice');  </script>

原生js操作data-api的方法：

示例

<div data-support = "pc" id = "support_device "></div>  <script>  var support = document.getElementsById("support_device");  //獲取support值  console.log(support.dataset.support);  //設置support值  support.dataset.support = "mobile_device";    </script>

第一次寫文檔，新手上路，認識可能不夠具體，或許還有些不成熟，請大家有宰相的肚子 <.>。原生的js和jQuery操作有少許差距，而且現(xiàn)在data-api對瀏覽器的兼容還是不是很完善，但也極大的減少了開發(fā)人員的工作量，還是值得推薦！如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對武林網(wǎng)網(wǎng)站的支持！