jQuery：使用元素 id 获取类列表 - Javascript

在 Web 开发中，经常需要通过 JavaScript 操作页面元素，其中获取元素类列表是比较常见的操作。jQuery 是一个广泛使用的 JavaScript 库，它提供了方便的方法来获取元素类列表。

获取方式

在 jQuery 中，可以使用 $(selector) 函数来获取匹配的元素集合，其中选取元素的方式可以使用多种选择器，包括元素 id。

例如，下面的代码获取 id 为 myDiv 的元素，并返回其类列表：

var classes = $("#myDiv").attr("class").split(" ");

其中，$("#myDiv") 表示选取 id 为 myDiv 的元素，.attr("class") 表示获取该元素的 class 属性值，.split(" ") 表示将该属性值根据空格分割成一个数组。

示例代码

下面是一个完整的示例代码，该代码获取 id 为 myDiv 的元素类列表，并分别输出到控制台中：

$(document).ready(function(){
    var classes = $("#myDiv").attr("class").split(" ");
    for(var i=0;i<classes.length;i++){
        console.log(classes[i]);
    }
});

其中，.ready() 表示在文档加载完成后执行该函数。console.log() 表示输出信息到浏览器控制台中。

总结

使用 jQuery 获取元素类列表非常方便，可以通过简单的代码实现。同时，该方法也可以应用于多种场景，例如动态修改元素类、处理表单数据等。