BootStrap框架中的data-[ ]自定义属性理解(推荐)

最近几天学习bootstrap有感，通过data-api可以使用所有的bootstrap插件，不用写一行js代码，方便了很多，是我们的首选方式。

为什么bootstrap的插件当中出现很多data-api，因为我们通常在使用bootstrap框架的时候需要引入的是bootstrap.css,bootstrap.js,以及jQuery.js,然后我们之所以不用写一点js代码就可以使用特效丰富的bootstrap框架，原因就是bootstrap.js已经帮我们完成了所有的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操作有少许差距，而且现在data-api对浏览器的兼容还是不是很完善，但也极大的减少了开发人员的工作量，还是值得推荐！如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# bootstrap  # 自定义属性  # bootstrap框架  # Bootstrap中data-target 到底是什么  # bootstrap jquery dataTable 异步ajax刷新表格数据的实现方法  # DataTables+BootStrap组合使用Ajax来获取数据并且动态加载dom的方法（排序  # 过滤  # 分页等）  # 基于SpringMVC+Bootstrap+DataTables实现表格服务端分页、模糊查询  # 利用ASP.NET MVC和Bootstrap快速搭建个人博客之后台dataTable数据列表  # bootstrap data与jquery .data  # Bootstrap 中data-[*] 属性的整理  # 的是  # 在此  # 不是很  # 请大家  # 我们可以  # 但也  # 可以使用  # 开发人员  # 小编  # 不成熟  # 给我留言  # 一个普通  # 感谢大家  # 就可以  # 便了  # 最近几天  # 疑问请  # 有任何  # 完成了  # 文档 

相关文章： 如何挑选最适合建站的高性能VPS主机？  如何在阿里云部署织梦网站？  如何选择PHP开源工具快速搭建网站？  做企业网站制作流程,企业网站制作基本流程有哪些？  建站主机如何选？性能与价格怎样平衡？  建站主机选购指南：核心配置与性价比推荐解析  详解jQuery停止动画——stop()方法的使用  如何在IIS中配置站点IP、端口及主机头？  网站制作的软件有哪些,制作微信公众号除了秀米还有哪些比较好用的平台？  网站制作外包价格怎么算,招聘网站上写的“外包”是什么意思？  如何在宝塔面板创建新站点？  ppt制作免费网站有哪些,ppt模板免费下载网站？  营销式网站制作方案,销售哪个网站招聘效果最好？  Android滚轮选择时间控件使用详解  已有域名如何免费搭建网站？  常州企业建站如何选择最佳模板？  建站之星上传入口如何快速找到？  高端建站三要素：定制模板、企业官网与响应式设计优化  如何续费美橙建站之星域名及服务？  建站主机是什么？如何选择适合的建站主机？  宁波免费建站如何选择可靠模板与平台？  小捣蛋自助建站系统：数据分析与安全设置双核驱动网站优化  小米网站链接制作教程,请问miui新增网页链接调用服务有什么用啊？  如何通过VPS建站实现广告与增值服务盈利？  广州顶尖建站服务：企业官网建设与SEO优化一体化方案  学校建站服务器如何选型才能满足性能需求？  详解免费开源的.NET多类型文件解压缩组件SharpZipLib（.NET组件介绍之七）  建站之星客服服务时间及联系方式如何？  临沂网站制作企业,临沂第三中学官方网站？  建站之星体验版：智能建站系统+响应式设计，多端适配快速建站  php条件判断怎么写_ifelse和switchcase的使用区别【对比】  如何选择可靠的免备案建站服务器？  建站之星ASP如何实现CMS高效搭建与安全管理？  怎么制作网站设计模板图片,有电商商品详情页面的免费模板素材网站推荐吗？  建站主机与虚拟主机有何区别？如何选择最优方案？  网站制作模板下载什么软件,ppt模板免费下载网站？  如何选择建站程序？包含哪些必备功能与类型？  网站制作话术技巧,网站推广做的好怎么话术？  如何通过宝塔面板实现本地网站访问？  微信h5制作网站有哪些,免费微信H5页面制作工具？  如何彻底删除建站之星生成的Banner？  整人网站在线制作软件,整蛊网站退不出去必须要打我是白痴才能出去？  网站制作公司哪里好做,成都网站制作公司哪家做得比较好，更正规？  如何零成本快速生成个人自助网站？  如何快速查询网址的建站时间与历史轨迹？  微信推文制作网站有哪些,怎么做微信推文，急？  宝塔面板创建网站无法访问？如何快速排查修复？  如何在Windows 2008云服务器安全搭建网站？  制作宣传网站的软件,小红书可以宣传网站吗？  测试制作网站有哪些,测试性取向的权威测试或者网站？