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>