title: How get all the descendants children of a div Jquery
body: <p>I need get all the descendents children of a div en Jquery not only direct children
  I need that the property css is applied both elements p  and elements span</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  
  &lt;head&gt;
    &lt;style&gt;
      .descendants * {
        display: block;
        border: 2px solid lightgrey;
        color: lightgrey;
        padding: 5px;
        margin: 15px;
      }
    &lt;/style&gt;
    &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"&gt;&lt;/script&gt;
    &lt;script&gt;
      $(document).ready(function() {
        $("div").children().css({
          "color": "red",
          "border": "2px solid red"
        });
      });
    &lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  
    &lt;div class="descendants" style="width:500px;"&gt;div (current element)
      &lt;p&gt;p (child)
        &lt;span&gt;span (grandchild)&lt;/span&gt;
      &lt;/p&gt;
      &lt;p&gt;p (child)
        &lt;span&gt;span (grandchild)&lt;/span&gt;
      &lt;/p&gt;
    &lt;/div&gt;
  
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>