Web developers most frequently use jQuery for their client side scripting. jQuery makes working with javascript a much easier task. You don’t have to worry about browser support, just use jQuery methods and they will work everywhere. Here i am listing some jQuery methods which are commonly not used but they are very useful in some complex situations.

Context based selectors

Selection of HTML tags is very easy in jQuery, it simply follows css style selection. We can also provide the context of a HTML element to find a element inside it.

This will look for ‘inner_element’ only inside ‘outer_element’. you can also pass the jQuery object of element instead of a string selector.

jQuery next() and prev()

next and prev methods are used to select the next/previous element (next sibling) of current element

This will look for ‘inner_element’ only inside ‘outer_element’. you can also pass the jQuery object of element instead of a string selector.

you can pass a selector to next/prev methods to select the next matched sibling.

jQuery nextAll() and prevAll()

nextAll and prevAll returns an array of all matched next/previous siblings of current element.

Items in the array returned by nextAll/prevAll are not jQuery objects, if you want jQuery object from the array you can use .eq(<index>) method.

jQuery nextUntil() and prevUntil()

nextUntil and prevUntil selects all next/previous siblings of each element up to but not including the element matched by the selector, DOM node, or jQuery object passed.

There are many more helpful functions available from jquery, please discuss in comments.