Bootstrap中data-target 到底是什么


Posted in Javascript onFebruary 14, 2017

data-target 与data-toggle 还有data-spy 文档总是给人一种很突兀的方式给出来,然后又没有好好解释或者是我看的不够仔细?

HTML5允许开发者自由为其标签添加属性,这种自定义属性一般用“data-”开头。

我目前理解到在bootstrap中data-target,data-toggle等属性主要有两种作用:

【1.】在CSS中作标签选择器用。

如:

[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
 position: absolute;
 clip: rect(0, 0, 0, 0);
 pointer-events: none;
}

【2.】 用来传递替换文本(不知道是不是这么说),见下面的例子:

input[type=checkbox].ace.ace-switch + .lbl[data-lbl]::before {
 content: attr(data-lbl);
}

以上所述是小编给大家介绍的Bootstrap中data-target 到底是什么的全部叙述,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
jQuery(1.3.2) 7行代码搞定跟随屏幕滚动的层
May 21 Javascript
jQuery选择没有colspan属性的td的代码
Jul 06 Javascript
javaScript arguments 对象使用介绍
Oct 18 Javascript
javascript实现字符串反转的方法
Feb 05 Javascript
Jquery对select的增、删、改、查操作
Feb 06 Javascript
数据分析软件之FineReport教程:[5]参数界面JS(全)
Aug 13 Javascript
超实用的JavaScript表单代码段
Feb 26 Javascript
深入浅析AngularJS中的一次性数据绑定 (bindonce)
May 11 Javascript
AngularJS中的路由使用及实现代码
Oct 09 Javascript
Javascript获取某个月的天数
May 30 Javascript
开发中常用的25个JavaScript单行代码(小结)
Jun 28 Javascript
layUI实现前端分页和后端分页
Jul 27 Javascript
详解JS: reduce方法实现 webpack多文件入口
Feb 14 #Javascript
如何快速上手Vuex
Feb 14 #Javascript
BootStrap框架中的data-[ ]自定义属性理解(推荐)
Feb 14 #Javascript
Easyui Tree获取当前选择节点的所有顶级父节点
Feb 14 #Javascript
Vue组件开发初探
Feb 14 #Javascript
JavaScript Base64 作为文件上传的实例代码解析
Feb 14 #Javascript
JavaScript实现定时页面跳转功能示例
Feb 14 #Javascript
You might like
PHP提取数据库内容中的图片地址并循环输出
2010/03/21 PHP
PHP 杂谈《重构-改善既有代码的设计》之三 重新组织数据
2012/04/09 PHP
PHP URL参数获取方式的四种例子
2014/02/28 PHP
使用Yii2实现主从数据库设置
2016/11/20 PHP
自写的一个jQuery圆角插件
2010/10/26 Javascript
jquery隐藏标签和显示标签的实例
2013/11/11 Javascript
jquery改变disabled的boolean状态的三种方法
2013/12/13 Javascript
jQuery对下拉框,单选框,多选框的操作
2014/02/21 Javascript
jquery实现上下左右滑动的方法
2015/02/09 Javascript
基于PHP和Mysql相结合使用jqGrid读取数据并显示
2015/12/02 Javascript
JavaScript性能优化之函数节流(throttle)与函数去抖(debounce)
2016/08/11 Javascript
微信小程序 页面传值详解
2017/03/10 Javascript
深入理解angular2启动项目步骤
2017/07/15 Javascript
JavaScript实现JSON合并操作示例【递归深度合并】
2018/09/07 Javascript
Vue CLI3搭建的项目中路径相关问题的解决
2018/09/17 Javascript
微信小程序制作扭蛋机代码实例
2019/09/24 Javascript
如何基于JS截获动态代码
2019/12/25 Javascript
浅析Python中的for 循环
2016/06/09 Python
ansible作为python模块库使用的方法实例
2017/01/17 Python
Python编程实现的图片识别功能示例
2017/08/03 Python
Python中如何优雅的合并两个字典(dict)方法示例
2017/08/09 Python
opencv python 傅里叶变换的使用
2018/07/21 Python
python+selenium实现自动抢票功能实例代码
2018/11/23 Python
在python 中实现运行多条shell命令
2019/01/07 Python
HTML5里autofocus自动聚焦属性使用介绍
2016/06/22 HTML / CSS
HTML5是什么 HTML5是什么意思 HTML5简介
2012/10/26 HTML / CSS
夜大自我鉴定
2013/10/31 职场文书
岗位竞聘演讲稿
2014/01/10 职场文书
幼儿园家长会邀请函
2014/01/15 职场文书
合伙经营协议书
2014/04/18 职场文书
中国文明网向国旗敬礼寄语大全
2014/09/27 职场文书
2014年建筑工程工作总结
2014/12/03 职场文书
副校长2015年教育教学工作总结
2015/07/27 职场文书
安全生产协议书
2016/03/22 职场文书
标会主持词应该怎么写?
2019/08/15 职场文书
SQLServer RANK() 排名函数的使用
2022/03/23 SQL Server