问个 selector 的问题

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

This topic created in 2229 days ago, the information mentioned may be changed or developed.

刚开始用 jquery, 有这么几个问题

1. 一般是用 class 做 selctor 多还是 id 多
2. 一般 id 是整个页面唯一的吗，这样的话直接#id 就行了，还是要指定 tyep, class 下的 id, 感觉有点多此一举，如果 id 是唯一的话？

谢谢

6 replies • 2020-04-30 15:10:44 +08:00

Yuxiaoy

Apr 30, 2020 via Android

1 看你想实现什么样的效果，两种都可以用
2id 页面唯一，可以不指定 type

xiaoming1992

Apr 30, 2020 via Android

id 确实是全局唯一，但是一般用于选取指定的元素，来进行进一步的操作。

class 的用途一般是用于给**一批**相似的元素添加样式，比方说有 50 个元素，都是红色边框，你没必要给他们每个都加一个 id，直接用 class 就好了。

根据个人实践，一般 id 用于特定元素选取，而样式相关的一般使用 class 。

azcvcza

Apr 30, 2020

页面不大的话，你全用 id 都行
class 里也有 id，这样选择方法会通用一些，只是要加上对 id 的比较 querySelectorAll('.xxx').forEach(val=>{if val.id == ?})

VDimos

Apr 30, 2020 via Android

这年头还坚持用 jq 的人不多了😧

TomatoYuyuko

Apr 30, 2020

这个好理解，选择器选取 class 拿到的是一个类似数组的对象，支持数组方法。单个选取用遍历或者 eq()直接取。
id 是页面唯一的，一般对特殊的元素进行处理会用，当然你每个元素都给也不能算你错
class 处理批量的样式多一些，个人习惯是能用 class 就别用 id，避免你页面复杂起来发生冲突。

hello2060

Apr 30, 2020 via iPhone

@VDimos 不错了，我半年前还去读过 COBOL 程序呢