使用类名选择器( 类)

本文演示了类名选择器(。类)。分享给大家参考，如下：

一.导言

类名选择器是通过元素拥有的CSS类名来查找匹配的DOM元素。

在一个页面中，一个元素可以有多个CSS类，一个CSS类可以匹配多个元素。如果其中一个元素有匹配的类名，它可以由类名选择器选择。

类名选择器很容易理解。大多数人一定是在大学里选择了课程。CSS类名可以理解为课程名，元素可以理解为学生。学生可以选择多门课程，一门课程可以由多名学生选择。

CSS类和元素之间的关系可以是多对多或一对多或多对一。简单来说，类名选择器就是通过元素的CSS类名找到匹配的元素。

类名选择器的使用如下：

$('.类')；类是要查询的元素使用的CSS类名。

例如，要查询CSS类名为word_orange的元素，可以使用以下jQuery代码：

$(' word _ orange ')；二、应用

在页面中，首先添加两个div标签，并为其中一个设置CSS类，然后通过jQuery的类名选择器选择带有CSS类的div标签，并设置其CSS样式。

第三，代码

script src=' http :http://libs . Baidu.com/jquery/2 . 0 . 0/jquery . min . js '/script div class=' my class ' watch my style/div div my style是默认的/div script type=' text/JavaScript ' $(document)。ready(function(){ var myClass=$(')。my CLaSS’)；//选择DOM元素myclass.css ('background-color '，' # c 50210 ')；//设置所选DOM元素的背景颜色myClass.css('color '，' # FFF ')；//设置所选DOM元素的文本颜色})；/脚本四。运行效果

动词（verb的缩写）使用说明书

在上面的代码中，只为一个div标签设置了CSS类名，但是由于程序中没有名为myClass的CSS类，所以这个类没有属性。

类名选择器将返回一个名为myClass的jQuery包装集。css()方法可用于设置对应div元素的CSS属性值，其中元素的背景颜色设置为深红色，文本颜色设置为白色。

类名选择器也可能得到一组jQuery包装器，因为多个元素可以有相同的CSS样式。

更多对jQuery感兴趣的读者可以查看本网站的主题：《jQuery页面元素操作技巧汇总》、《jQuery常见事件用法与技巧总结》、《jQuery常用插件及用法总结》、《jQuery扩展技巧总结》和《jquery选择器用法总结》

希望本文对大家的jQuery程序设计有所帮助。