BootStrap 之 $(selector).data()
2016-03-10 22:25
363 查看
很多JS插件里都使用了$(selector).data()方法,它的意思是收集指定元素上的所有以data-开头的自定义属性,并合并成为一个对象字面量。data-开头的自定义属性是HTML5新支持的语法。例如:
如果要获取data-role里aaa这个值,则需要调用如下代码:
如果是不带参数的$(”’#abc”).data();,则表示一次性将所有以data-开
头的参数都收集起来,其结果和用如下方式声明一个value变量是一样
的。
Bootstrap中的很多JS插件都是利用了这个特性,在HTML元素上定义
了一些必要的参数,比如要不要使用动画、是否开启键盘事件等。
<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元素上定义
了一些必要的参数,比如要不要使用动画、是否开启键盘事件等。
相关文章推荐
- Bootstrap 基础
- Bootstrap navbar 背景颜色、背景图和字体颜色修改 ArcGIS Web 开发学习(四)
- 关于BootStrap模态框的使用
- bootstrap学习笔记之四(javascript插件)
- bootstrap - btn 实例
- bootstrap - btn
- BootStrap-datetimepicker插件有滚动条时出现位移问题解决方案
- bootstrap 模态框垂直居中实现方法
- 关于Bootstrap弹出框无法调用问题的解决办法
- 每日一bootstrap 栅格
- bootstrap 页面内窗口 table-responsive
- bootstrap分页
- bootstrap table 行号 显示行号 添加行号 bootstrap-table 行号
- 关于Bootstrap弹出框无法调用问题的解决办法
- bootstrap聪明在哪里(CSS)
- BootStrap入门_创建第一个例子
- Bootstrap—后台框架Ace
- 安全权限、高性能、高并发、分布式java shiro、maven、Bootstrap、SpringMVC、Mybatis
- bootstrap fileupload相关
- Bootstrap相关教程