a jQuery UI widget is a specialized jQuery plug-in.Using plug-in, we can apply behaviours to the elements. However, plug-ins lack some built-in capabilities, such as a way to associate data with its elements, expose methods, merge options with defaults, and control the plug-in’s lifetime. Sr.No. Widgets & Description 1 Accordion Enable to collapse the content,… Read More »
Interactions could be added basic mouse-based behaviours to any element. Using with interactions, We can create sortable lists, resizeable elements, drag & drop behaviours.Interactions also make great building blocks for more complex widgets and applications. Sr.No. Interactions & Description 1 Enable drag able functionality on any DOM element. 2 Enable any DOM element to be… Read More »
jQuery provides methods to traverse downwards inside the DOM tree to find descendant(s) of a given element. These methods can be used to find a child, grandchild, great-grandchild, and so on for a given element inside the DOM. There are following three methods to traverse downwards inside the DOM tree: children() – returns all the direct… Read More »
jQuery provides methods to traverse upwards inside the DOM tree to find ancestor(s) of a given element. These methods can be used to find a parent, grandparent, great-grandparent, and so on for a given element inside the DOM. There are following three methods to traverse upward inside the DOM tree: parent() – returns the direct parent… Read More »
jQuery is a very powerful tool which provides a variety of DOM traversal methods to help us select elements in an HTML or XML document randomly as well as in sequential method. Elements in the DOM are organized into a tree-like data structure that can be traversed to navigate, locate the content within an HTML… Read More »
A jQuery Callback Function is a function that will be executed only after the current effect gets completed. This tutorial will explain you what are jQuery Callback Functions and why to use them. Following is a simple syntax of any jQuery effect method: $(selector).effectName(speed, callback); If we go in a little more detail then a jQuery callback function will… Read More »
Before we discuss about jQuery Chaining of Methods, Consider a situation when you want to perform the following actions on an HTML element: 1 – Select a paragraph element. 2 – Change the color of the paragraph. 3 – Apply FadeOut efect on the paragraph. 4 – Apply FadeIn effect on the paragraph. Following is the jQuery… Read More »
Let’s learn how to use jQuery animate() method to create custom animations on a web pages or any other jQuery (Javascript) Application. jQuery animate() Method The jQuery animate() method is used to create custom animations by changing the CSS numerical properties of a DOM element, for example, width, height, margin, padding, opacity, top, left, etc. Following is a simple… Read More »
jQuery effects add an X factor to your website interactivity. jQuery provides a trivially simple interface for doing various kind of amazing effects like show, hide, fade-in, fade-out, slide-up, slide-down, toggle etc. jQuery methods allow us to quickly apply commonly used effects with a minimum configuration. This tutorial covers all the important jQuery methods to… Read More »
jQuery provides css() method to manipulate CSS properties of the matched elements. JQuery css() method does not modify the content of the jQuery object but they are used to get and set CSS properties on DOM elements. jQuery – Get CSS Properties jQuery css() method can be used to get the value of a CSS property associated with the first matched… Read More »