微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

jquery – 在HTML页面中有多个ID是否可以接受?

关于id vs类的Stack Overflow有很多问题,但是这些问题几乎总是与CSS有关 – 普遍接受的答案是使用类来构造特定的元素集,并为特定实例创建ids.有道理,公平.

然而,我发现,随着我越来越多的Javascript / jQuery / ajax,这种方法开始变得不那么清晰,我发现语义元素应该被赋予id的情况,但是因为可能有多个实例我’ m应该使用类.

这是我的意思的一个例子:

看看Stack Overflow的markdown问题编辑器的工具栏 – 每个按钮都有一个ID来唯一标识它.完美的意义 – 它是执行一个特定功能一个按钮,并且可能基于该id挂起了脚本.

现在想象一下,我正在构建一个丰富的网络应用程序,并且有一个页面有两个选项卡,每个都有一个markdown编辑器.这是否意味着工具栏按钮现在应该使用类来识别它们?

这只是似乎错了.

一个例子:我正在一个照片库网站上,每个照片上都有一个小工具栏.公约说,因为这些按钮有多个实例,我应该使用类.真?

所以我的问题是….

>如果我在一个页面上犯了重复的ID,哪些浏览器实际上会破坏?
>对于这样做的浏览器来说,它只是将会中断的CSS样式,或者jQuery选择器也会中断.
>在所描述的情况下使用重复的ids是真的很糟糕.

解决方法

类的意思是…(无限期)ID的意思是…(definitive)

“这个div是一个照片工具栏,可以有更多的喜欢.”有意义,我会用一个课.

我不一定需要ID工具栏按钮,除非我确定页面上只能有一个该工具栏的实例.在StackOverflow的markdown编辑器的情况下,我也认为这些应该是更灵活的类(整个编辑器可以包装在一个唯一的ID,如#answer-editor或#comment-editor).

浏览器在他们接受的方面是相当灵活的,但这并不意味着标准应该被打破.

原文地址:https://www.jb51.cc/jquery/179342.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐