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实现居中弹出层代码
Aug 25 Javascript
25个优雅的jQuery Tooltip插件推荐
May 25 Javascript
js加入收藏夹代码(兼容ie/ff/op)
May 16 Javascript
jQuery中:empty选择器用法实例
Dec 30 Javascript
jQuery对指定元素中指定字符串进行替换的方法
Mar 17 Javascript
js实现每日自动换一张图片的方法
May 04 Javascript
javascript实现随机读取数组的方法
Aug 03 Javascript
在Ubuntu系统上安装Node.JS的教程
Oct 15 Javascript
Javascript实现图片不间断滚动的代码
Jun 22 Javascript
3种不同的ContextMenu右键菜单实现代码
Nov 03 Javascript
浅谈Angular2 ng-content 指令在组件中嵌入内容
Aug 18 Javascript
JavaScript监听一个DOM元素大小变化
Apr 26 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
用js进行url编码后用php反解以及用php实现js的escape功能函数总结
2010/02/08 PHP
php二维数组用键名分组相加实例函数
2013/11/06 PHP
PHP URL路由类实例
2013/11/12 PHP
PHP中使用GD库创建圆形饼图的例子
2014/11/19 PHP
php实现无限级分类
2014/12/24 PHP
php日期操作技巧小结
2016/06/25 PHP
php简单统计中文个数的方法
2016/09/30 PHP
php注册审核重点解析(数据访问)
2017/05/23 PHP
thinkphp5 URL和路由的功能详解与实例
2017/12/26 PHP
jquery实现键盘左右翻页特效
2015/04/30 Javascript
jquery自定义表格样式
2015/11/23 Javascript
jQuery限制图片大小的方法
2016/05/25 Javascript
轻松掌握JavaScript中的Math object数学对象
2016/05/26 Javascript
jquery延迟对象解析
2016/10/26 Javascript
JavaScript数据结构中串的表示与应用实例
2017/04/12 Javascript
easyui-datagrid开发实践(总结)
2017/08/02 Javascript
vuejs+element UI点击编辑表格某一行时获取内容填入表单的示例
2018/10/31 Javascript
[02:38]DOTA2英雄基础教程 噬魂鬼
2014/01/03 DOTA
python merge、concat合并数据集的实例讲解
2018/04/12 Python
Python实现简单查找最长子串功能示例
2019/02/26 Python
python 根据网易云歌曲的ID 直接下载歌曲的实例
2019/08/24 Python
Django之模板层的实现代码
2019/09/09 Python
tensorflow pb to tflite 精度下降详解
2020/05/25 Python
python3:excel操作之读取数据并返回字典 + 写入的案例
2020/09/01 Python
Python 将代码转换为可执行文件脱离python环境运行(步骤详解)
2021/01/25 Python
Solaris操作系统的线程机制
2015/07/28 面试题
Java面试笔试题大全
2016/11/23 面试题
平安工地建设方案
2014/05/06 职场文书
党员对照检查材料思想汇报(党的群众路线)
2014/09/24 职场文书
入党积极分子党小组意见
2015/06/02 职场文书
2015年度工程师评职称工作总结
2015/10/14 职场文书
2015年行政管理人员工作总结
2015/10/15 职场文书
《桂花雨》教学反思
2016/02/19 职场文书
高中英语教学反思范文
2016/03/02 职场文书
Python自动化工具之实现Excel转Markdown表格
2022/04/08 Python
HTML静态页面获取url参数和UserAgent的实现
2022/08/05 HTML / CSS