Author: Saim Khalid

  • Miscellaneous Reference

    The Miscellaneous methods in jQuery are a set of functions that do not fall into specific categories like DOM manipulation, event handling, or AJAX. They provide additional functionalities that enhance the flexibility and usability of jQuery. Common miscellaneous methods include $.each(), $.extend(), $.data(), $.proxy(), and $.noConflict(), etc. jQuery Miscellaneous Methods In the following table, we have listed…

  • HTML/CSS Reference

    The jQuery HTML/CSS references are a set of methods provided by jQuery to manipulate HTML content and CSS properties of elements. jQuery HTML/CSS Methods In the following table, we have listed all the jQuery HTML/CSS Methods − The methods below work for both HTML and XML documents. In the following table, we have listed all the jQuery…

  • Effects Reference

    The jQuery Effects are predefined methods in jQuery library that allow us to add animations and transitions to our web elements. These effects can be showing and hiding elements, fading elements in and out, sliding elements, etc. Why to use jQuery Effects? We can use the jQuery effects in the following cases − jQuery Effect Methods In…

  • Events Reference

    The jQuery Events are actions that happens in the DOM (Document Object Model), which can be detected and used to trigger JavaScript functions. jQuery simplifies event handling by providing methods to attach event handlers to elements and to trigger events. Clicking a button, hovering over an element, submitting a form, or resizing a window are common examples…

  • Selectors Reference

    The jQuery Selectors are used to “find” (or select) HTML elements based on their name, id, classes, types, attributes, values, etc. jQuery provides set of selectors, including basic selectors, attribute selectors, etc. These selectors simplifies the process of identifying and interacting with specific elements, reducing the complexity of JavaScript code. jQuery Selectors Reference In the following table,…

  • Theming

    Jquery has two different styling themes as A And B.Each with different colors for buttons, bars, content blocks, and so on. The syntax of J query theming as shown below − <div data-role = “page” data-theme = “a|b”> A Simple of A theming Example as shown below − <!DOCTYPE html><html><head><meta name = “viewport” content =…

  • Widgets

    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 AccordionEnable to collapse the content, that…

  • Interactions

    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 Drag ableEnable drag able functionality on any DOM element. 2 Drop ableEnable any DOM element…

  • Traversing Descendants

    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: The children() method differs from find() in that children() only travels…

  • Traversing Ancestors

    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: jQuery parent() Method The jQuery parent() method…