entries/class-selector.xml

<?xml version="1.0"?>
<entry type="selector" name="class" return="">
  <title>Class Selector (".class")</title>
  <sample>.class</sample>
  <signature>
    <added>1.0</added>
    <argument name="class" type="String">
      <desc>A class to search for. An element can have multiple classes; only one of them must match.</desc>
    </argument>
  </signature>
  <desc>Selects all elements with the given class. </desc>
  <longdesc>
    <p>For class selectors, jQuery uses JavaScript's native <code>getElementsByClassName()</code> function if the browser supports it.</p>
  </longdesc>
  <example>
    <desc>Finds the element with the class "myClass".</desc>
    <code><![CDATA[
$( ".myClass" ).css( "border", "3px solid red" );
]]></code>
    <html><![CDATA[
<div class="notMe">div class="notMe"</div>
<div class="myClass">div class="myClass"</div>
<span class="myClass">span class="myClass"</span>
]]></html>
    <css><![CDATA[
  div, span {
    width: 120px;
    height: 40px;
    float: left;
    padding: 10px;
    margin: 10px;
    background-color: #EEEEEE;
  }
]]></css>
  </example>
  <example>
    <desc>Finds the element with both "myclass" and "otherclass" classes.</desc>
    <code><![CDATA[
$( ".myclass.otherclass" ).css( "border", "13px solid red" );
]]></code>
    <html><![CDATA[
<div class="myclass">div class="notMe"</div>
<div class="myclass otherclass">div class="myClass"</div>
<span class="myclass otherclass">span class="myClass"</span>
]]></html>
    <css><![CDATA[
  div, span {
    width: 120px;
    height: 40px;
    float: left;
    padding: 10px;
    margin: 10px;
    background-color: #EEEEEE;
  }
]]></css>
  </example>
  <category slug="selectors/basic-css-selectors"/>
  <category slug="version/1.0"/>
</entry>