# Class Selector (".class")

## class ( class ) version added: 1.0

- class
  Type: String
  A class to search for. An element can have multiple classes; only one of them must match.

Description: Selects all elements with the given class.

For class selectors, jQuery uses JavaScript's native `getElementsByClassName()` function if the browser supports it.

## Examples:

#### Example: Finds the element with the class "myClass".

    <!doctype html>
    <html lang="en">
    <head>
      <meta charset="utf-8">
      <title>css demo</title>

      <style>

      div, span {
        width: 120px;
        height: 40px;
        float: left;
        padding: 10px;
        margin: 10px;
        background-color: #EEEEEE;
      }

      </style>

      <script src="//code.jquery.com/jquery-1.10.2.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: Finds the element with both "myclass" and "otherclass" classes.

    <!doctype html>
    <html lang="en">
    <head>
      <meta charset="utf-8">
      <title>css demo</title>

      <style>

      div, span {
        width: 120px;
        height: 40px;
        float: left;
        padding: 10px;
        margin: 10px;
        background-color: #EEEEEE;
      }

      </style>

      <script src="//code.jquery.com/jquery-1.10.2.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: