entries/all-selector.xml

<?xml version="1.0"?>
<entry type="selector" name="all" return="">
  <title>All Selector ("*")</title>
  <sample>*</sample>
  <signature>
    <added>1.0</added>
  </signature>
  <desc>Selects all elements.</desc>
  <longdesc>
    <p>Caution: The all, or universal, selector is extremely slow, except when used by itself.</p>
  </longdesc>
  <example>
    <desc>Find every element (including head, body, etc) in the document. Note that if your browser has an extension/add-on enabled that inserts a <code>&lt;script&gt;</code> or <code>&lt;link&gt;</code> element into the DOM, that element will be counted as well.</desc>
    <code><![CDATA[
var elementCount = $( "*" ).css( "border", "3px solid red" ).length;
$( "body" ).prepend( "<h3>" + elementCount + " elements found</h3>" );
]]></code>
    <html><![CDATA[
<div>DIV</div>
<span>SPAN</span>
<p>P <button>Button</button></p>
]]></html>
    <css><![CDATA[
  h3 {
    margin: 0;
  }
  div, span, p {
    width: 80px;
    height: 40px;
    float: left;
    padding: 10px;
    margin: 10px;
    background-color: #EEEEEE;
  }
]]></css>
  </example>
  <example>
    <desc>Find all elements within document.body so elements like head, script, etc. are excluded.</desc>
    <code><![CDATA[
var elementCount = $( "#test" ).find( "*" ).css( "border", "3px solid red" ).length;
$( "body" ).prepend( "<h3>" + elementCount + " elements found</h3>" );
]]></code>
    <html><![CDATA[
<div id="test">
  <div>DIV</div>
  <span>SPAN</span>
  <p>P <button>Button</button></p>
</div>
]]></html>
    <css><![CDATA[
  h3 {
    margin: 0;
  }
  div, span, p {
    width: 80px;
    height: 40px;
    float: left;
    padding: 10px;
    margin: 10px;
    background-color: #EEEEEE;
  }
  #test {
    width: auto;
    height: auto;
    background-color: transparent;
  }
]]></css>
  </example>
  <category slug="selectors/basic-css-selectors"/>
  <category slug="version/1.0"/>
</entry>