is() vs filter()

by borayeris

HTML

<h1>
        jQuery is() Method
    </h1>

    <p class="cool">
        I am a cool paragraph.
    </p>

    <p class="boring">
        I am a boring paragraph.
    </p>

    <p class="cool">
        I am a cool paragraph.
    </p>
    <h1>
        jQuery filter() Method
    </h1>

    <p class="cool2">
        I am a cool paragraph.
    </p>

    <p class="boring">
        I am a boring paragraph.
    </p>

    <p class="cool2">
        I am a cool paragraph.
    </p>

JavaScript

$(function(){
    // Get all the paragraphs.
    
    $( "p" ).each(function(){
        var p = $( this );

        // Check to see if the Paragraph is cool.
        if (p.is( ".cool" )){
            // Highlight with gold.
            p.css( "background-color", "gold" );
        }
    });
    $( "p" ).filter('.cool2').css( "background-color", "gold" );
});