How to filter contents with jQuery?

Jquery contains() Filter

• Jquery contains() selectors get a content of a selected element which specified in the parameter.
• This selector helps to extract content from an element.

$(document).ready(function () {
    $('button').click(function () {
        $('p:contains(select)').text());
    });
});  

• Jquery :contains() selector select which paragraph contains a selected text.
• This selection not depending on word spacing.

: Empty Filter

• Jquery: empty selector select which element didn't have textual content or it to be empty.

$(document).ready(function () {
    $('button').click(function () {
        $('p:empty').text("hai"));
      });
});  

• This example gets the paragraph that has empty and set a parameter value to an element.

:has() Filter

• Jquery has() selector returns a boolean values only.
• Which element have a matched content then only it returns true otherwise it returns false.

$(document).ready(function () {
    $('button').click(function () {
        $('p:has(span)').css("background","red"));
     });
});   

• In this example show which p has a span that background only changes the mentioned color.

: parent Filter

• A parent selector used to reach out to the child elements.
• The referred parent get all it's child elements.

$(document).ready(function () {
    $('button').click(function () {
       $("td:parent").css("background-color", "orange");
    });
});     

• In this example get the parent of td and push it into the jquery manipulation.

: visibility Filter

• Jquery: visibility filters receive only a visible element. It refuses the hidden elements.

$(document).ready(function () {
    $('button').click(function () {
        $("p:visible").text() ;
        });
});
     

• It notices the visible elements

: Hidden Filter

• Invisible elements are to be select.

$(document).ready(function () {
    $('button').click(function () {
        $("p:hidden").show() ;
    });
});    

• The hidden elements are only shown.