Javascript 按类获取所有元素

在Web开发中，有时候需要根据类(class)名称来获取所有相同类名的元素，并进行相应的操作。Javascript有提供实现这一功能的方法，下面我们来介绍三种不同的实现方式。

方法一：querySelectorAll方法

querySelectorAll方法是DOM提供的获取元素的方法，它接受一个CSS选择器作为参数，返回所有匹配该选择器的元素列表。

let elements = document.querySelectorAll(".classname");

其中".classname"表示你要查找的类名。

方法二：getElementsByClassName方法

getElementsByClassName方法也是DOM提供的获取元素的方法，它接受一个类名作为参数，返回所有该类名的元素列表。

let elements = document.getElementsByClassName("classname");

其中"classname"表示你要查找的类名。

方法三：JQuery库

JQuery是一个流行的Javascript库，它提供了更简洁的语法来获取元素。可以使用以下命令来获取所有匹配该选择器的元素：

let elements = $(".classname");

其中".classname"表示你要查找的类名。

结论

以上三种方式都可以用来按类获取所有元素，并进行相应的操作。其中querySelectorAll和getElementsByClassName是原生Javascript的方法，而JQuery的语法更加简洁明了。选择哪种方法主要取决于你的代码风格和需求。