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-[*] 属性的整理  # 的是  # 在此  # 不是很  # 请大家  # 我们可以  # 但也  # 可以使用  # 开发人员  # 小编  # 不成熟  # 给我留言  # 一个普通  # 感谢大家  # 就可以  # 便了  # 最近几天  # 疑问请  # 有任何  # 完成了  # 文档 

相关文章： 如何在橙子建站上传落地页？操作指南详解  详解ASP.NET 生成二维码实例（采用ThoughtWorks.QRCode和QrCode.Net两种方式）  头像制作网站在线制作软件,dw网页背景图像怎么设置？  建站主机是什么？如何选择适合的建站主机？  潮流网站制作头像软件下载,适合母子的网名有哪些？  电商网站制作多少钱一个,电子商务公司的网站制作费用计入什么科目？  如何选购建站域名与空间？自助平台全解析  如何设置并定期更换建站之星安全管理员密码？  重庆市网站制作公司,重庆招聘网站哪个好？  建站主机SSH密钥生成步骤及常见问题解答？  学校建站服务器如何选型才能满足性能需求？  建站主机空间推荐 高性价比配置与快速部署方案解析  如何快速完成中国万网建站详细流程？  如何制作新型网站程序文件,新型止水鱼鳞网要拆除吗？  如何配置FTP站点权限与安全设置？  如何在建站宝盒中设置产品搜索功能？  如何在Windows 2008云服务器安全搭建网站？  建站之星导航菜单设置与功能模块配置全攻略  如何用搬瓦工VPS快速搭建个人网站？  定制建站模板如何实现SEO优化与智能系统配置？18字教程  网站视频制作书签怎么做,ie浏览器怎么将网站固定在书签工具栏？  如何高效配置香港服务器实现快速建站？  专业的网站制作设计是什么,如何制作一个企业网站，建设网站的基本步骤有哪些？  一键制作网站软件下载安装,一键自动采集网页文档制作步骤？  模具网站制作流程,如何找模具客户？  图册素材网站设计制作软件,图册的导出方式有几种？  定制建站哪家更专业可靠？推荐榜单揭晓  长沙做网站要多少钱,长沙国安网络怎么样？  巅云智能建站系统：可视化拖拽+多端适配+免费模板一键生成  建站主机选择指南：服务器配置与SEO优化实战技巧  宝塔面板如何快速创建新站点？  PHP正则匹配日期和时间(时间戳转换)的实例代码  官网网站制作腾讯审核要多久,联想路由器newifi官网  建站主机如何选？高性价比方案全解析  陕西网站制作公司有哪些,陕西凌云电器有限公司官网？  如何零成本快速生成个人自助网站？  专业网站设计制作公司,如何制作一个企业网站，建设网站的基本步骤有哪些？  建站之星下载版如何获取与安装？  上海制作企业网站有哪些,上海有哪些网站可以让企业免费发布招聘信息？  建站之星后台管理如何实现高效配置？  已有域名能否直接搭建网站？  网页设计与网站制作内容,怎样注册网站？  在线ppt制作网站有哪些软件,如何把网页的内容做成ppt？  长春网站建设制作公司,长春的网络公司怎么样主要是能做网站的？  车管所网站制作流程,交警当场开简易程序处罚决定书，在交警网站查询不到怎么办？  佛山网站制作系统,佛山企业变更地址网上办理步骤？  沈阳制作网站公司排名,沈阳装饰协会官方网站？  相亲简历制作网站推荐大全,新相亲大会主持人小萍萍资料？  网站企业制作流程,用什么语言做企业网站比较好？  网站制作价目表怎么做,珍爱网婚介费用多少？