jQuery end() for chaining

by jquerybyexample

HTML

<div>
    <p>I am Paragraph 1
        <br/>
    </p> <span>I am Span 1  <br/>
    </span>

    <p>I am Paragraph 2
        <br/>
    </p> 
    <span>I am Span 2  <br/></span>

    <p>No more spans after this paragraphs :)</p>
</div>

CSS

body {
    font-family:calibri;
    font-size:12pt;
    padding:5px;
}
p {
    padding:5px;
}
span {
    padding:5px;
}

JavaScript

$(document).ready(function () {
    $('div')
        .find('p')
        .css("background", "yellow")
        .end()
        .find('span')
        .css("background", "pink");
});