jQuery Filters

jQuery filter() Method

Consider a web page with with 5 div elements, each one has class whose name is middle. The jquery filter() method gets all elements which matches the class name value as middle. Finally, you can manipulate the elements with css styles.

Look at the above HTML code, some div elements contain it's class name as "middle". Using the below jquery filter() method we can simply filter those div elements and apply the styles accordingly.

jQuery first() Method

In the following example, it will select and highlight the first tr element

jQuery has() Method

Note: To select an element which has multiple elements inside of it, use a comma( , ) .

Let us see an example of jQuery has() method

The above jquery has() method will select all the div elements if it also contains a paragraph in it.

jQuery is() Method

Note: Like other methods .is() method doesn’t create any object.

Let us see the following example which illustrates the usage of jQuery is() method.

The above jquery is() method example will give an alert if the parent element of the paragraph tag is a div element

jQuery :last Selector

Note: :last selector, selects a single element by filtering the current jQuery collection and matching the last element within it.

In the above jQuery :last selector example, we have 3 tr elements. Using the above jquery :last selector we can target the last tr element and apply the green color to the text

jQuery slice() Method

The jQuery slice method has some limitations. There is a limit to the selection of elements in a group by keeping a start and end points. The start parameter starts with an index 0. The start parameter indicates the starting subset and the stop parameter is optional.

Look at the below jquery slice() method example code as shown below.

jQuery Traversal Referances

The content and methods in the tutorial has been referred and updated with jQuery API and The jQuery Foundation

Last Updated Jul 21, 2015, 12:00:06 PM