分享一个关于 <label> 标签的用法
var me=this; [email protected]
啦啦啦啦噜噜噜噜嘟嘟嘟嘟咯咯咯咯咯
分享一个关于 <label> 标签的用法
label 可以将自身接收到的 click 传递给与之绑定的元素，这个用处可能认真看过文档的人或老前端都会了解，但我是前不久才发现的，之前我以为它只是用于简单的信息描述。
1. label 包裹 <input>
2. for 属性指代
还可以在 for 属性中指定一个 id，这样点击 label 时，就会触发对应的元素。
点 💅 就是 toggle input
我们之间隔着十万八千里也没关系
Lipsum
[email protected]
> for 可以指定元素 ID
这个用法可以在 drc 中看到
0
欧醚3.0.1-alpha.2 [email protected]
来这里吐槽一下刚才看到的不懂这一点的人写出来的奇妙代码
0
欧醚3.0.1-alpha.2 [email protected]
诶怎么看起来可以粘图片但是实际没了
0
欧醚3.0.1-alpha.2 [email protected]
```javascript
var target = $(event.target || event.srcElement)
if (target.is('label')) {
var input = target.prev('input')
$(input).toggleClass('checked')
}
```
1
欧醚3.0.1-alpha.2 [email protected]
而且注意这里是`.toggleClass('checked')`
1
[email protected]
还在用 JQuery 真是妙上加妙了。
0
Dive Into Front End
这里是 Dive Into Front End 小组，欢迎分享你喜欢的视觉设计及其实现，分享你所知道但其他人可能不知道的 HTML / CSS / JavaScript 技术，也欢迎共享你的日常前端资讯来源：Blog / 播客 / 新奇的网站 / Playground / 常用小工具 / 好用的库 / ...
或者你的前端开发经历、你的经验... 畅所欲言，什么都可以
全世界的 FE Developer 联合起来 ! : D