Tag Archives: learning jquery online
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 next method
jQuery next method : jQuery “next()” is used to get the next siblings of the matched elements. $(selector).next(selector-element); is method to get next element. Where selector and selector-element are input parameters.
jQuery next() method Syntax
$(selector).next(selector-element);
selector-element : Is optional, you can add selector-element to get next element.
jQuery next Method Example 1
Here is an example of next() method which selects next elements to the the class .curr-li and adds css ie. border red.
The ouput of the above code is :
jQuery next() Method Example 2
jQuery last method
jQuery “last()” method is used to get the last element of the selected elements.
Syntax : jQuery last() method
$(selector).last();
Note : It accepts no parameter.
jQuery last method Example
jQuery is method
jQuery “is()” method is used to match the current set of elements against the jQuery selector,jQuery Object or jQuery element. If argument matches any of these elements it returns true .
Syntax : jQuery is() method
$(selector).is(selector-element,function(index,element));
selector-element: Pattern to match the current set of elements against selector-element.
– index : Current index of element.
– element : Current element.
jQuery is() Example
jQuery has method
jQuery has method is used to get the elements which contains the particular element inside it.
Syntax : jQuery has method
$(selector).has(element);
element: Pattern to match the elements which has the supplied element in has method.
jQuery has Example
jQuery filter method
jQuery filter method() is used to get elements that match the specified pattern.
Syntax : jQuery filter method
$(selector).filter(criteria,function(index));
Criteria:
– Selector expression to match the current set of elements.
Function:
– Function used to run for each elements. this represents current DOM.
jQuery filter method Example
jQuery eq method
jQuery eq method() finds the element at specified index.
Syntax of jQuery eq Method
$(selector).eq(index);
Index :
– Index of element can be positive or negative number.
jQuery eq method Example 1
jQuery contents Method
Get children of each element including text and comment nodes.
Syntax : jQuery contents() Method
$(selector).contents();
Note : It does not requires any argument.
jQuery contents Method Example
jQuery closest Method
jQuery closest Method :It is used to get first ancestor element of the current selection. If you want to get first ancestor element of the selected element use closest method which accepts filter as input parameter.
Syntax of jQuery closest Method
Here is syntax for closest Method example in jQuery –
$(selector).closest(filter);
filter String containing the selector expression for matching the elements.
jQuery Traversing – closest Example
The above code will produce following result-
Note : This is image of the output. To run this demo click on the above “Try it” button.
