# Class Selector (".class")

所属分类：选择器 > 基础选择器 英文文档：Class Selector (".class")

## class selector

描述: 选择给定样式类名的所有元素。

- #### 添加的版本: 1.0jQuery( ".class" )

  class: 一个用来查找的类名。一个元素可以有多个类；其中只有一个必须匹配。

对于类选择器，如果浏览器支持，jQuery使用JavaScript的原生`getElementsByClassName()`函数来实现。

## 例子:

#### Example: 找到该元素的类名为“myclass”。

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
    <!DOCTYPE html><html><head>  <style>  div,span {    width: 100px;    height: 40px;    float:left;    padding: 10px;    margin: 10px;    background-color: #EEEEEE;  }  </style>  <script src="https://code.jquery.com/jquery-latest.js"></script></head><body>  <div class="notMe">div class="notMe"</div>   <div class="myClass">div class="myClass"</div>  <span class="myClass">span class="myClass"</span><script>$(".myClass").css("border","3px solid red");</script> </body></html>

#### Demo:

#### Example: 查找的元素都“的myclass”和“otherclass的的”类。

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
    <!DOCTYPE html><html><head>  <style>  div,span {    width: 100px;    height: 40px;    float:left;    padding: 10px;    margin: 10px;    background-color: #EEEEEE;  }  </style>  <script src="https://code.jquery.com/jquery-latest.js"></script></head><body>  <div class="myclass">div class="notMe"</div>   <div class="myclass otherclass">div class="myClass"</div>  <span class="myclass otherclass">span class="myClass"</span><script>$(".myclass.otherclass").css("border","13px solid red");</script> </body></html>

#### Demo: