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 相关文章推荐
javascript 表格排序和表头浮动效果(扩展SortTable)
Apr 07 Javascript
JavaScript中Cookies的相关使用教程
Jun 04 Javascript
JavaScript利用HTML DOM进行文档操作的方法
Mar 28 Javascript
JS对象深度克隆实例分析
Mar 16 Javascript
一篇文章让你彻底弄懂JS的事件冒泡和事件捕获
Aug 14 Javascript
详解vue-meta如何让你更优雅的管理头部标签
Jan 18 Javascript
Vue组件中slot的用法
Jan 30 Javascript
原生JS实现循环Nodelist Dom列表的4种方式示例
Feb 11 Javascript
ES6中let、const的区别及变量的解构赋值操作方法实例分析
Oct 15 Javascript
微信小程序获取公众号文章列表及显示文章的示例代码
Mar 10 Javascript
JavaScript实现简单的图片切换功能(实例代码)
Apr 10 Javascript
vue3.0中友好使用antdv示例详解
Jan 05 Vue.js
详解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
类的另类用法--数据的封装
2006/10/09 PHP
php 用sock技术发送邮件的函数
2007/07/21 PHP
PHP中foreach()用法汇总
2015/07/02 PHP
php实现学生管理系统
2020/03/21 PHP
php中的钩子理解及应用实例分析
2019/08/30 PHP
Jquery实现视频播放页面的关灯开灯效果
2013/05/27 Javascript
jquery设置按钮停顿3秒不可用
2014/03/07 Javascript
JavaScript异步编程Promise模式的6个特性
2014/04/03 Javascript
alert和confirm功能介绍
2014/05/21 Javascript
jQuery图片轮播滚动切换代码分享
2020/04/20 Javascript
jQuery实现三级菜单的代码
2016/05/09 Javascript
Ajax使用原生态JS验证用户名是否存在
2020/05/26 Javascript
Angular限制input框输入金额(是小数的话只保留两位小数点)
2017/07/13 Javascript
JS实现浏览上传文件的代码
2017/08/23 Javascript
Three.js利用Detector.js插件如何实现兼容性检测详解
2017/09/26 Javascript
Vue.js 利用v-for中的index值实现隔行变色
2018/08/01 Javascript
vue cli 3.0 搭建项目的图文教程
2019/05/17 Javascript
webpack是如何实现模块化加载的方法
2019/11/06 Javascript
Vue中错误图片的处理的实现代码
2019/11/07 Javascript
React 条件渲染最佳实践小结(7种)
2020/09/27 Javascript
[02:54]辉夜杯主赛事第二日败者组 iG.V赛后采访
2015/12/26 DOTA
[02:55]2018DOTA2国际邀请赛勇士令状不朽珍藏Ⅲ饰品一览
2018/08/01 DOTA
Python 分析Nginx访问日志并保存到MySQL数据库实例
2014/03/13 Python
Python中使用装饰器来优化尾递归的示例
2016/06/18 Python
Pandas实现数据类型转换的一些小技巧汇总
2018/05/07 Python
python将控制台输出保存至文件的方法
2019/01/07 Python
python Tkinter版学生管理系统
2019/02/20 Python
Python collections模块使用方法详解
2019/08/28 Python
Django 路由层URLconf的实现
2019/12/30 Python
关于Python不换行输出和不换行输出end=““不显示的问题(亲测已解决)
2020/10/27 Python
python 实现的IP 存活扫描脚本
2020/12/10 Python
关于保护环境的建议书
2014/08/26 职场文书
对照四风自我剖析材料
2014/10/07 职场文书
行政后勤人员工作计划应该怎么写?
2019/08/16 职场文书
Javascript中async与await的捕捉错误详解
2022/03/03 Javascript
Docker安装MySql8并远程访问的实现
2022/07/07 Servers