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 相关文章推荐
使用Script元素发送JSONP请求的方法
Jun 12 Javascript
jquery 多个radio的click事件实例
Dec 03 Javascript
JS中setTimeout和setInterval的最大延时值详解
Feb 13 Javascript
JavaScript Drum Kit 指南(纯 JS 模拟敲鼓效果)
Jul 23 Javascript
原生js中ajax访问的实例详解
Sep 19 Javascript
收集前端面试题之url、href、src
Mar 22 Javascript
vue脚手架搭建过程图解
Jun 06 Javascript
Vue 组件参数校验与非props特性的方法
Feb 12 Javascript
Javascript之高级数组API的使用实例
Mar 08 Javascript
浅谈js闭包理解
Mar 28 Javascript
在layui中layer弹出层点击事件无效的解决方法
Sep 05 Javascript
vue + elementUI实现省市县三级联动的方法示例
Oct 29 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
根德Grundig S400/S500/S700电路分析
2021/03/02 无线电
smarty中先strip_tags过滤html标签后truncate截取文章运用
2010/10/25 PHP
php echo, print, print_r, sprintf, var_dump, var_expor的使用区别
2013/06/20 PHP
destoon会员注册提示“数据校验失败(2)”解决方法
2014/06/21 PHP
PHP中大于2038年时间戳的问题处理方案
2015/03/03 PHP
详解php用curl调用接口方法,get和post两种方式
2017/01/13 PHP
PHP实现数组根据某个单元字段排序操作示例
2018/08/01 PHP
PHP实现的62进制转10进制,10进制转62进制函数示例
2019/06/06 PHP
jquery 元素相对定位代码
2010/10/15 Javascript
简单讲解AngularJS的Routing路由的定义与使用
2016/03/05 Javascript
jQuery文件上传控件 Uploadify 详解
2016/06/20 Javascript
JS图片等比例缩放方法完整示例
2016/08/03 Javascript
JavaScript兼容浏览器FF/IE技巧
2016/08/14 Javascript
jQuery和JavaScript节点插入元素的方法对比
2016/11/18 Javascript
100多个基础常用JS函数和语法集合大全
2017/02/16 Javascript
vue-awesome-swiper滑块插件使用方法详解
2017/11/27 Javascript
vue3.0 CLI - 3.2 路由的初级使用教程
2018/09/20 Javascript
[03:17]2014DOTA2 国际邀请赛中国区预选赛 四强专访
2014/05/23 DOTA
[36:20]完美世界DOTA2联赛PWL S3 access vs Rebirth 第一场 12.17
2020/12/18 DOTA
Python实现改变与矩形橡胶的线条的颜色代码示例
2018/01/05 Python
Python3.6基于正则实现的计算器示例【无优化简单注释版】
2018/06/14 Python
pandas每次多Sheet写入文件的方法
2018/12/10 Python
Python如何爬取微信公众号文章和评论(基于 Fiddler 抓包分析)
2019/06/28 Python
pytest中文文档之编写断言
2019/09/12 Python
python3中pip3安装出错,找不到SSL的解决方式
2019/12/12 Python
套娃式文件夹如何通过Python批量处理
2020/08/23 Python
东方电视购物:东方CJ
2016/10/12 全球购物
工程概预算专业毕业生求职信
2013/10/04 职场文书
优秀医生事迹材料
2014/02/12 职场文书
房屋产权共有协议书范本
2014/11/03 职场文书
食品卫生管理制度
2015/08/06 职场文书
小学课改工作总结
2015/08/13 职场文书
导游词之峨眉山
2019/12/16 职场文书
在 Golang 中实现 Cache::remember 方法详解
2021/03/30 Python
基于python定位棋子位置及识别棋子颜色
2021/07/26 Python
Python安装使用Scrapy框架
2022/04/12 Python