亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

BootStrap框架中的data-[ ]自定義屬性理解(推薦)

 更新時間：2017年02月14日 10:47:44   作者：一只不知名的bird  
這篇文章主要介紹了BootStrap框架中的data-[ ]自定義屬性理解(推薦),非常不錯，具有參考借鑒價值，需要的朋友可以參考下

最近幾天學(xué)習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'));
  //設(shè)置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);
  //設(shè)置support值
  support.dataset.support = "mobile_device";
    </script>

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

相關(guān)文章

最新評論