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获取注册信息并提示实现代码
Apr 21 Javascript
javasciprt下jquery函数$.post执行无响应的解决方法
Mar 13 Javascript
Javascript的表单与验证-非空验证
Mar 18 Javascript
深入浅析JavaScript中的Function类型
Jul 09 Javascript
微信js-sdk分享功能接口常用逻辑封装示例
Oct 13 Javascript
JS ES6多行字符串与连接字符串的表示方法
Apr 26 Javascript
Angular.Js中过滤器filter与自定义过滤器filter实例详解
May 08 Javascript
详解Webstorm 新建.vue文件支持高亮vue语法和es6语法
Oct 26 Javascript
vue组件编写之todolist组件实例详解
Jan 22 Javascript
基于jQuery实现可编辑的表格
Dec 11 jQuery
JavaScript canvas绘制折线图
Feb 18 Javascript
vue-router 控制路由权限的实现
Sep 24 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在程序中将网页生成word文档并提供下载的代码
2012/10/09 PHP
具有时效性的php加密解密函数代码
2013/06/19 PHP
thinkphp数据查询和遍历数组实例
2014/11/28 PHP
PHP中两个float(浮点数)比较实例分析
2015/09/27 PHP
swoole_process实现进程池的方法示例
2018/10/29 PHP
Thinkphp5.0 框架视图view的比较标签用法分析
2019/10/12 PHP
jquery ajax 登录验证实现代码
2009/09/23 Javascript
原生js拖拽(第一课 未兼容)拖拽思路
2013/03/29 Javascript
JQueryEasyUI datagrid框架的进阶使用
2013/04/08 Javascript
extjs两个tbar问题探讨
2013/08/08 Javascript
运用js教你轻松制作html音乐播放器
2020/04/17 Javascript
node.js 发布订阅模式的实例
2017/09/10 Javascript
微信开发之企业付款到银行卡接口开发的示例代码
2018/09/18 Javascript
Javascript的this详解
2019/03/23 Javascript
详解React服务端渲染从入门到精通
2019/03/28 Javascript
js作用域和作用域链及预解析
2019/04/11 Javascript
JavaScript装箱及拆箱boxing及unBoxing用法解析
2020/06/15 Javascript
js实现磁性吸附的示例
2020/10/26 Javascript
Python中元组,列表,字典的区别
2017/05/21 Python
python实现Adapter模式实例代码
2018/02/09 Python
python 切换root 执行命令的方法
2019/01/19 Python
Python3.5 + sklearn利用SVM自动识别字母验证码方法示例
2019/05/10 Python
Python文件操作基础流程解析
2020/03/19 Python
Python面向对象程序设计之继承、多态原理与用法详解
2020/03/23 Python
CSS3属性box-shadow使用指南
2014/12/09 HTML / CSS
科沃斯机器人官网商城:Ecovacs
2016/08/29 全球购物
ONLY德国官方在线商店:购买时尚女装
2017/09/21 全球购物
Expedia意大利旅游网站:酒店、机票和租车预订
2017/10/30 全球购物
跟单文员的岗位职责
2013/11/14 职场文书
会计应聘求职信范文
2013/12/17 职场文书
中国好声音广告词
2014/03/18 职场文书
经典英文广告词
2014/03/18 职场文书
党风廉政建设调研报告
2015/01/01 职场文书
2015年酒店服务员工作总结
2015/05/18 职场文书
2016幼儿园教师年度考核评语
2015/12/01 职场文书
JS前端canvas交互实现拖拽旋转及缩放示例
2022/08/05 Javascript