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库的最佳方法详细说明及实现代码
Dec 28 Javascript
Jquery validation remote 验证的缓存问题解决方法
Mar 25 Javascript
js右下角弹出提示框示例代码
Jan 12 Javascript
JavaScript数据结构与算法之链表
Jan 29 Javascript
jQuery+CSS实现一个侧滑导航菜单代码
May 09 Javascript
jQuery弹出层插件popShow(改进版)用法示例
Jan 23 Javascript
layui原生表单验证的实例
Sep 09 Javascript
JavaScript中this的学习笔记及用法整理
Feb 17 Javascript
微信小程序如何加载数据库真实数据的实现
Mar 04 Javascript
ES6函数实现排它两种写法解析
May 13 Javascript
JS操作JSON常用方法(10w阅读)
Dec 06 Javascript
vue导入.md文件的步骤(markdown转HTML)
Dec 31 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
PHP代码审核的详细介绍
2013/06/13 PHP
Yii多表联合查询操作详解
2016/06/02 PHP
PHP基于XMLWriter操作xml的方法分析
2017/07/17 PHP
合并table相同单元格的jquery插件分享(很精简)
2011/06/20 Javascript
解决用jquery load加载页面到div时,不执行页面js的问题
2014/02/22 Javascript
三种动态加载js的jquery实例代码另附去除js方法
2014/04/30 Javascript
node.js操作mongoDB数据库示例分享
2014/11/26 Javascript
javascript引用赋值(地址传值)用法实例
2015/01/13 Javascript
jQuery如何获取动态添加的元素
2016/06/24 Javascript
javascript将list转换成树状结构的实例
2017/09/08 Javascript
基于wordpress的ajax写法详解
2018/01/02 Javascript
在Vue组件上动态添加和删除属性方法
2018/02/23 Javascript
js+canvas实现验证码功能
2020/09/21 Javascript
解决Js先触发失去焦点事件再执行点击事件的问题
2018/08/30 Javascript
解决百度Echarts图表坐标轴越界的方法
2018/10/17 Javascript
vue组件三大核心概念图文详解
2019/05/30 Javascript
vue中created和mounted的区别浅析
2019/08/13 Javascript
vue全屏事件开发详解
2020/06/17 Javascript
python实现在每个独立进程中运行一个函数的方法
2015/04/23 Python
Python2.7环境Flask框架安装简明教程【已测试】
2018/07/13 Python
Python内置random模块生成随机数的方法
2019/05/31 Python
详解Python3 pandas.merge用法
2019/09/05 Python
简单了解django处理跨域请求最佳解决方案
2020/03/25 Python
python 实现任务管理清单案例
2020/04/25 Python
浅谈pycharm导入pandas包遇到的问题及解决
2020/06/01 Python
用HTML5制作数字时钟的教程
2015/05/11 HTML / CSS
PHP如何防止SQL注入
2014/05/03 面试题
物流管理专业毕业生自荐信
2014/03/04 职场文书
顶岗实习计划书
2015/01/16 职场文书
给老师的一封感谢信
2015/01/20 职场文书
经理岗位职责范本
2015/04/15 职场文书
2015年小学数学教师工作总结
2015/05/20 职场文书
如何写观后感
2015/06/19 职场文书
2016年植树节红领巾广播稿
2015/12/17 职场文书
浅析NIO系列之TCP
2021/06/15 Java/Android
MySQL的存储函数与存储过程的区别解析
2022/04/08 MySQL