Tag Archives: jquery training course

jQuery slice method


jQuery slice method – jQuery β€œslice() Method ” is used to select elements between the two indices. $(selector).slice(start,end) requires the start and end parameter along with the selector.

We are going to explain this method with the example and demo.


Syntax : jQuery slice() method

Syntax of slice method is –

$(selector).slice(start,end);

start : It is integer which indicates the position of the elements which starts with 0 from where selection of elements will begin. The negative no means start from the end of the element set.
end : It is integer which indicates the position of the elements which starts with 0 from where stop of elements will be selected. The negative no means start from the end of the element set.

jQuery slice Method Example

Here is an example of slice method click on try it button to see the output-

jQuery slice() Method – Example


Try it Β»

If you run the above example it will produce the following output-

jQuery slice Method Example

jQuery siblings method


jQuery siblings method : jQuery β€œsiblings() Method ” is used to get all siblings of the selected element. It returns the all siblings of the selected element. It accepts one parameter as filter which is optional. We are going to explain this method with the help of example and demo.


Syntax : jQuery siblings method

Syntax of siblings method

$(selector).siblings(filter);

filter : It is optional, A selector expression is used to match(siblings) the elements against.

jQuery siblings Method Example

Here is an example of siblings method Click on Try it button to see the output-

jQuery siblings() Method – Example


Try it Β»

The above example will produce the following output-

Note : Below out is produced when you click on the Click to run siblings() Example button. To experience this demo click on the above β€œTry it” button.

jQuery siblings method

jQuery prevUntil Method


jQuery prevUntil Method : jQuery β€œprevUntil() Method ” is used to get all previous siblings between selector and selector-element ie. stop point where to stop matching previous siblings elements. Here is more info about how to use jQuery prevUntil Method efficiently. We will explain the prevUntill() method with simple example.


Syntax : jQuery prevUntil Method

Here is syntax of prevUntill method And Example-

$(selector).prevUntil(selector-element,filter);

selector-element It is stop point where to stop matching previous elements
filter : It is optional, A selector expression used to match(previous siblings) the elements against.

jQuery parentsUntil Method Example

jQuery prevUntil() Method – Example


Try it Β»

In the above example the elements from span tag up to the class .level-two will be added bordered.

The above code will produce the following output –

Note : Below is image output only for demo click above β€œTry It” Button.

jQuery parentsUntil Method

jQuery prevAll Method


jQuery β€œprevAll() Method ” is used to get all previous elements of the selected element.


Syntax : jQuery prevAll() method

$(selector).prevAll(filter);

filter : It is optional, A selector expression used to match the elements against.

jQuery prevAll Method demo Example

jQuery prevAll() Method – Example 1


Try it Β»

jQuery prevAll Method demo Example

jQuery prevAll() Method – Example 2


Try it Β»

jQuery prev method


jQuery β€œprev() Method ” is used to get previous elements of the selected element.


Syntax : jQuery prev() method

$(selector).prev(filter);

filter : It is optional, A selector expression used to match the elements against.

jQuery prev Method Example with syntax

jQuery prev() Method – Example 1


Try it Β»

jQuery prev Method Example with syntax

jQuery prev() Method – Example 2


Try it Β»

jQuery parentsUntil Method


jQuery parentsUntil Method – jQuery β€œparentsUntil() Method ” is used to get all ancestors between selector and selector-element ie. stop point where to stop matching ancestor elements.

This method becomes useful when you are traversing the element in DOM. We are going to explain this method will full example and demo.


jQuery parentsUntil() method

Here is syntax for parentsUntil Method –

$(selector).parentsUntil(selector-element,filter);

selector-element It is stop point where to stop matching ancestor elements
filter : It is optional, A selector expression used to match(parent) the elements against.

jQuery parentsUntil Method Example

Here is an example with demo try it to test the functionality of the parentsUntil method-

jQuery parentsUntil() Method – Example


Try it Β»

The above example will produce the following output as below –

jQuery parentsUntil Method Example Demo

jQuery parents Method


jQuery β€œparents() Method ” is used to get all ancestors of the selected element.


Syntax : jQuery parents() method

$(selector).parents(filter);

filter : It is optional, A selector expression used to match(parent) the elements against.

jQuery parents Method Example

jQuery parents() Method Example


Try it Β»

jQuery not Method


jQuery β€œnot()” is used to remove the element from set of the matched elements. We have explained not method in jQuery with example and demo. Lets check out syntax of jQuery not Method and try it with our live editor.


Syntax : jQuery not() method

Here is syntax for jQuery not Method –

$(selector).not(criteria,function(index));

Criteria : Is selector expression, jQuery object or element which is removed from matched element.
function : Runs for each element and returns true if the element is removed from the set.

jQuery not Method Example with Editor

Here is an example with demo try it to test the functionality of the not method-

jQuery not() Method – Example


Try it Β»

The above example will produce the following output as below –

jQuery not Method

jQuery nextUntil method


jQuery β€œnextUntil()” is used to get the next siblings of the matched elements.


Syntax : jQuery nextUntil() method

$(selector).nextUntil(selector-element,filter);

selector-element : selector-element is stop point.

jQuery nextUntil Method Example

jQuery nextUntil() Method – Example 1


Try it Β»