-
Spinner
jQuery allows you to create spinner controls for adjusting values in forms. In this Video; Rafiq Wayani demonstrates how to set; configure; and test a spinner control.
-
Working with Remote Data
jQuery provides methods for AJAX functionality that allow you to request data from a remote server that can be loaded directly into the HTML elements of your web pages. In this video; Rafiq Wayani demonstrates how to create JSON data on a WAMP server; how to get the JSON data; and output the results within an unordered list.
-
Finding an Element's Position
Determining the exact position of an element on a webpage can be difficult. The JQuery library provides the position and offset function to make this task easier. In this video; James Stevens demonstrates how to find an element’s position.
-
Focus Enabled/Disabled Selectors
In jQuery; you can let controls or DOM elements allow users to input data and then disable them when processing the data. In this video; Rafiq Wayani demonstrates the functionality of visually enabling or disabling input controls using the :enabled and :disabled selectors in a browser.
-
Form Serialization
In jQuery; serialization allows you to encode a set of form elements in standard URL-encoded notation as a text string. In this video; Rafiq Wayani demonstrates how to include a form element's value in a serialized string; before showing how to serialize a form containing drop-down lists; checkboxes; and radio buttons in a string.
-
Forms in Modal Windows
jQuery allows you to create modal windows within forms which restrict the user's interaction until certain conditions are met. In this video; Rafiq Wayani demonstrates how to create a modal windows form which requires user information to be added before the user can continue.
-
Getting Values from Elements
JQuery provides a number of ways to retrieve information that a user has entered in an HTML page. In this video; James Stevens discusses the uses of the text and val functions to get the values entered by a user.
-
Modifying Styles over a Query Result
In JQuery; you can apply the same style changes to all the elements in the query. In this video; James Stevens demonstrates how to use the for loop and the each() function to modify a JQuery result.
-
Mouse Double Click
jQuery is a cross-platform JavaScript library which makes the task of client-side HTML scripting easie. In this video; Rafiq Wayani demonstrates how to use the double-click action in jQuery.
-
Mouse Down and Up
jQuery is a cross-platform JavaScript library which simplifies the task of client-side HTML scripting. In this video; Rafiq Wayani demonstrates how to use the mouse down and mouse up actions in jQuery.
-
Mouse Focus Out
In jQuery; you can keep track of the actions performed by a user in your form. In this video; Rafiq Wayani demonstrates how to set a focusout event for the mouse so it's sent to an element when it; or any element inside of it; loses focus.
-
Mouse Over
jQuery is a cross-platform JavaScript library which makes the task of client-side HTML scripting simpler. In this video; Rafiq Wayani demonstrates how to use the mouse-over action in jQuery.
-
On Instead of Bind
In jQuery; the on() method has replaced the older bind(); live(); and delegate() methods. In this video; Rafiq Wayani demonstrates how to define the various elements; such as event; childSelector; data; function; and map; that can be used with the on() method.
-
On Instead of Delegates
In jQuery; the on() method has replaced the delegate() method which has been deprecated. In this video; Rafiq Wayani demonstrates how to use the on() method with a paragraph in a div; and how this method differs from using delegate.
-
Overwriting the Contents of an Element
In JQuery; you can use the html function to read and overwrite the contents of an element. In this video; James Stevens demonstrates how to use the html function to overwrite; retrieve; and move content.
-
Passing an Array of Promises to when()
Since jQuery 1.8; passing an array of Promises to jQuery.when() allows you to defer tasks without the need for you to track anything yourself. In this video; Rafiq Wayani demonstrates the code behind the passing of Promises returned by multiple AJAX calls to jQuery.when() and adding a done() handler to handle the successful completion of requests and display a message.
-
Accordion Events and Methods
In jQuery; you can use the accordion to enhance the appearance of a page; as well as maximize the available real estate for displaying information. In this video; Rafiq Wayani demonstrates how to use the accordion method to organize a page and add styles to it.
-
Accordion Hovering and Sortable
In jQuery; you can customize the appearance of accordions and even allow users to make their own changes to them. In this video; Rafiq Wayani demonstrates how to make an accordion automatically expand as a user hovers their mouse over it; and how to allow the user to resize and reposition an accordion.
-
Accordion Icon and Fill
In jQuery; you can customize the appearance of an accordion by modifying its icons; and also adjust the size of the accordion. In this video; Rafiq Wayani demonstrates how to toggle icons on and off; use the fill spaces settings; and resize accordions.
-
Adding and Removing Classes
Applying multiple style properties to elements with a CSS rule is the most effective way to create consistent Styles on a page. The addClass and removeClass functions in JQuery are great for dynamically changing which CSS rules are applied to website elements. In this video; James Stevens demonstrates how addClass and removeClass can be used to format the Class attribute.
-
Adding Content to an Element
In JQuery; you can add content directly to the web page. The HTML elements can be created or existing elements can be used. In this video; James Stevens demonstrates how to use the append() and appendTo() functions.
-
Fieldsets and Multi-Column Forms
In jQuery; you can create multi-column forms with fieldsets that provide functionality such as pagination; filtering; and ordering with the ability to add individual headers and footers. In this video; Rafiq Wayani demonstrates how to initialize the jQuery DataTable and column filtering plugins before highlighting the filtering and sorting capabilities within a form.
-
Filter
In jQuery; the filter() method allows you to narrow down the search for an element in a group of selected elements by specifying a criteria and only returning elements that match. In this video; Rafiq Wayani demonstrates how to reduce the set of matched elements using the filter() method and its functions.
-
Filtering Query Results
In JQuery; you can use the filter function to get the subset of elements in a result. In this video; James Stevens demonstrates how to build different functions to select elements from a JQuery result and how to use pseudo selectors to filter a JQuery result.
-
Find
jQuery is a cross-platform JavaScript library which makes the task of client-side HTML scripting much simpler. In this video; Rafiq Wayani demonstrates how to use the 'find' method in jQuery.
-
Handling the Completion of an Animation
In JQuery; the animate function provides a complete function to execute when the animation has finished. In this video; James Stevens demonstrates some common operations to perform in the complete function and explains some ways to chain animations by using the completion function.
-
Hiding Elements
In JQuery; you can hide the content from the page without removing it. In this video; James Stevens demonstrates how to use the hide; show and toggle functions to create different effects while removing the elements from view on the page.
-
Horizontal Forms and Styling Forms with Bootstrap 3
In jQuery; using Bootstrap 3 allows for horizontal forms; takes care of spacing issues; and allows for styling of controls. In this Video; Rafiq Wayani demonstrates how to set up a horizontal form using a Bootstrap style option.
-
Inline Forms
In jQuery; you can authenticate form data using Inline form validation. In this video; Rafiq Wayani demonstrates the various benefits and applications of Inline form validation using the jQuery authentication engine.
-
Inserting Content into the Document
In JQuery; you can inject new contents either before or after an element on a page. In this video; James Stevens demonstrates how to use the after(); before(); insertAfter(); and insertBefore() functions.
-
Installation and Implementation
JQuery is an independent library of JavaScript functions and features that make web development much easier. In this video; James Stevens discusses how to install JQuery library in a web site.
-
Loading Content from Another Page
The JQuery load function can be used to get content from another page. In this video; James Stevens demonstrates how to use the load function and selectors to restrict what content is loaded.
-
Making Asynchronous Requests
In JQuery; you can request additional content for a page from a server by using the ajax function. The ajax function can take many parameters to suit any type of request to the server. In this video; James Stevens discusses the various uses of the type; verb; and data parameters.
-
Modifying Element Colors Dynamically
In JQuery; you can use the setInterval function to change a style property continuously. In this video; James Stevens demonstrates how to change the JQuery color property in an interval and format the value for the JQuery object.
-
Modifying Element Style Properties
In JQuery the CSS function allows us to retrieve or set style properties of elements. The CSS function is the preferred way to change style properties rather than through the style attribute. In this video; James Stevens demonstrates the uses of the CSS function to change the position of elements.
-
Progress Bar
jQuery provides an easy-to-use progress bar widget that allows you to display the current percentage completed for a specific process within an application. In this video; Rafiq Wayani uses a code example to illustrate how to initialize the jQuery progress bar widget and specify some of the configurable options before demonstrating how it works.
-
Removing Elements from the Document
In JQuery there are numerous ways to remove elements from the Document Object Model. In this video; James Stevens discusses how the detach; remove; and empty functions remove content from a webpage.
-
Removing Event Handlers
In JQuery; you can remove event handlers. In this video; James Stevens demonstrates how to use the off function to remove both direct and delegate event handlers in JQuery.
-
Replacing Elements on a Page
The JQuery library provides the replaceAll and replaceWith functions when multiple elements of a page need to be replaced. In this video; James Stevens discusses the use of and differences between the replaceAll and replaceWith functions.
-
Resizables
In jQuery; you can resize components according to your needs. In this video; Rafiq Wayani uses the resizable method to resize a particular component of a page.
-
Resolving Multiple Ajax Calls with when()
In jQuery; you can use then and when methods to combine multiple Ajax calls. This involves combining handlers; chaining then functions together; calling multiple functions in succession; and combining Promises. In this video; Rafiq Wayani resolves multiple Ajax calls using the then and when methods.
-
Running Code When the Page Loads
You can use the JQuery ready function to run the JavaScript code as soon as a page is available. In this video; James Stevens demonstrates the correct use of the ready function and discusses the timing of how a page is loaded and how the ready function is different from the JavaScript document onload event handler.
-
Selecting by Attribute
JQuery allows elements to be selected by the attributes of the elements. The attributes of an element include name; required; and title. In this video; James Stevens demonstrates the syntax to select elements by their attributes.
-
Selecting by Attribute Variants
JQuery allows elements to be selected by the attributes of the elements. The selector can be further refined to retrieve elements with partially matching attributes. In this video; James Stevens discusses how to select elements by attribute variants.
-
Creating a Bootstrap 3 Form
In jQuery; you can use Bootstrap to create and customize forms and tables by adding classes; working with inline-forms and Selects; and adding placeholders to the form. In this video; Rafiq Wayani uses Bootstrap to create and customize a form to add a placeholder.
-
Creating a Doughnut Chart
In jQuery; you can use various types of charts to display numbers and make them easier for the user to view and interpret. In this video; Rafiq Wayani demonstrates how to create a doughnut chart.
-
Creating a Line Chart
In jQuery; there are different chart and graph formats that you can use to depict data. In this video; Rafiq Wayani demonstrates how to use the line graph to show a comparison between two sets of data.
-
Creating a Pie Chart
In jQuery; you can depict data in a concise manner with a pie chart. In this video; Rafiq Wayani demonstrates how to use a pie chart to depict data displayed in different colors.
-
Creating a Polar Area Chart
In jQuery; you can use a polar chart to determine how close something is to a set of goals. In this video; Rafiq Wayani demonstrates how to use the polar area chart to compare a set of random numbers.
-
Creating a Six Charts Chart
In jQuery; you can readily display multiple charts in one area of a page. In this Video; Rafiq Wayani demonstrates how to place a number of different charts inside the jQuery environment on your page at the same time.
-
Creating Custom Easing Functions
jQuery easing functions specify the speed at which an animation progresses at different points within the animation; and by adding your functions to the jQuery.easing object you can customize your own easing functions for jQuery animations. In this video; Rafiq Wayani demonstrates function arguments and how to initialize a custom function to create a bounce type effect.
-
Custom Content
In jQuery; you can use custom content to construct how various elements are shown and assembled. In this video; Rafiq Wayani demonstrates how to create custom content to modify how data and graphics are displayed.
-
Datepicker
The jQuery UI provides a configurable datepicker widget that allows you to select a date from an inline or pop-up calendar. In this video; Rafiq Wayani demonstrates how to customize the date format while displaying the desired date based on the selection made from the datepicker calendar invoked when the associated text field gains focus.
-
Datepicker – Disable Specific Dates
In jQuery; the datepicker widget allows you to disable specific dates; preventing the user from selecting the dates for a defined period from within the calendar. In this video; Rafiq Wayani demonstrates how to specify a range of dates and use the beforeShowDay event to blackout the specified dates within the datepicker calendar.
-
Datepicker – Highlighting Specific Dates
The jQuery UI datepicker allows you to highlight specific dates within the calendar so you can create schedules and assist users in identifying important events. In this video; Rafiq Wayani demonstrates how the datepicker calendar can be configured through CSS classes to highlight certain dates using the beforeShowDay event.
-
Delegate Event Handlers
With JQuery; you can assign and delegate an event handler; which will be triggered by all elements that match a certain pattern. In this video; James Stevens demonstrates how to assign delegate event handlers with the on function and explains the difference between the delegate and direct event handlers.
-
DOM Objects versus Objects
The object returned by a JQuery selector is different than a DOM object. The two types of objects can be coerced into behaving similarly in a number of ways. In this video; James Stevens creates and compares JQuery objects and DOM objects.
-
Easing Plugin
In jQuery; you can use the easing plugin to create code that is consistently rendered across the board. In this video; Rafiq Wayani demonstrates how to create and use the easing plugin and how it looks when implemented.
-
Tooltip
In jQuery; you can use tooltips to communicate to the user what information should be entered into fields. In this video; Rafiq Wayani demonstrates how to create and use tooltips to provide field descriptions.
-
Selecting by Element Type
JQuery provides a number of ways to select elements in a webpage with JavaScript. In this video; Jim Stevens will demonstrate the different JQuery element selectors.
-
Themes
In jQuery; you can construct themes for your pages so they have a consistent look and feel. In this video; Rafiq Wayani demonstrates how to implement themes on pages to improve how they display to the user.
-
Selecting by ID
JQuery is a free library of Java Script tools that make web development easier. In this video; James Stevens discusses how to select elements by their ID in a web page by using JQuery.
-
Tooltip Animate
In jQuery; you can add animations to tooltips so they have a greater visual appeal. In this video; Rafiq Wayani demonstrates how to animate tooltips to enhance their appearance.
-
Selecting by Class
The JQuery class selector will retrieve all elements that have a particular class or className. In this video; Jim Stevens discusses using class selectors; with and without element selectors.
-
Selecting Children of a Query Result
A JQuery set of elements can be manipulated to retrieve the children of the set. Elements that descend from the original set can be found with the children and find functions. In this video; James Stevens demonstrates the use of the children( ) and find( ) functions; and the differences between them.
-
Selecting Descendant Elements
JQuery includes selectors to retrieve elements by their relative position. In this video; James Stevens discusses how to specifically select direct descendants; adjacent elements; and sibling elements in JQuery.
-
Selecting with Pseudo Selectors: First and Last
In JQuery; the set of elements returned by a selector can be restricted with pseudo selectors. In this video; James Stevens discusses how to use pseudo selectors to retrieve subsets of elements that are equal to; greater than; or less than an index.
-
Selecting with Pseudo Selectors: Nth-Child; Even; Odd; Less Than and Greater Than
The set of elements returned by a JQuery selector can be restricted with pseudo selectors. In this video; James Stevens discusses how to select elements with JQuery pseudo selectors.
-
Selectors for Form Elements
In jQuery; you can use selector items to allow users to use and manipulate a form's many different types of controls. In this video; Rafiq Wayani demonstrates the multiple controls available in a form; and the use of jQuery selectors to manipulate and monitor controls to ease navigation and data input for users.
-
Setting Values of Form Elements
In JQuery; you can update input elements; which the user interacts with on a page; by using the val and text functions. In this video; James Stevens discusses how these two functions should be used and how to format the values correctly.
-
Slider
In jQuery; picking colors is one of the ways in which you can use a slider. In this video; Rafiq Wayani uses the slider method to pick and change the colors of a swatch.
-
Slider Select
In jQuery; you can bind sliders to a listbox or textbox so that as you change elements in the listbox; the slider also changes. In this video; Rafiq Wayani uses the change event to bind a slider to a drop-down menu and a scrollbar.
-
Slider Vertical and Increment
Using jQuery; you can create vertical sliders that increment at set intervals. In this video; Rafiq Wayani demonstrates how to create a vertical slider that has a set range and increments at certain defined points.
-
Slider with Ranges
In jQuery; you can create sliders and then set up ranges of minimum and maximum values within those sliders. In this video; Rafiq Wayani demonstrates how to create a slider and use the sliderRange function to set up minimum and maximum slider values.
-
Snapping Stacking Handles Helpers
In jQuery; the panelSnap plugin allows you to enhance a site's scrolling by snapping content into view inside areas known as panels when the user scrolls. In this video; Rafiq Wayani uses an example to highlight the snapping effect of the panelSnap plugin; before demonstrating how to implement the plugin as and its basic usage.
-
Sortables
In jQuery; you can drag an item to a new spot in a list and all the other items will adjust to fit around it. In this video; Rafiq Wayani uses the sorting method to rearrange and automatically adjust items to fit within a list.
-
Stopping an Animation
In JQuery; you can halt an animation in progress by using the finish and stop functions. In this video; James Stevens demonstrates how to stop an animation in progress; how to cause an animation to go to its end state; and how to clear a queue of animations.
-
Styles
In jQuery; you can easily manipulate single or multiple CSS properties to modify styles. In this video; Rafiq Wayani demonstrates how to create a button that will change the background color and font size of a number of paragraphs with a single click.
-
Submit Event
In jQuery; you can trigger the submit event to process data attached to a form element submitted to a web page; site; or server. In this video; Rafiq Wayani demonstrates four ways you can trigger the submit event; codes an HTML page containing a form element and input types; and triggers the submit event by entering the required data.
-
The Slide and Fade Animations
By using the JQuery slide and fade functions; you can animate elements by moving them in and out of view. In this video; James Stevens discusses the slide up; slide down; and slide toggle animations.
-
Transforming DOM Elements in 2D
In jQuery; you can convert HTML DOM (Document Object Model) element objects into physical 2D objects and animate them in your browser. In this video; Rafiq Wayani demonstrates how to use the jquery.box2d.js plugin to convert DOM elements and display them as falling and bouncing objects in the browser.
-
UI Animated Dialogs
In jQuery; animated dialog boxes are a good way to make your page more visually appealing. In this Video; Rafiq Wayani demonstrates how to create an animated dialog box that includes blind and explode effects.
-
UI Animating Using Predefined Values
The jQuery library allows you to easily create animation effects on selected DOM elements using predefined values. In this video; Rafiq Wayani demonstrates how to use jQuery's animate() method to move an HTML div element from one side to another by specifying the left CSS property and setting its value to define the resting position.
-
UI Animating Using Relative Values
In jQuery; when creating an animation using the animate() method; it's possible to define values that are relative to an element's current position. In this video; Rafiq Wayani demonstrates how to easily change a div element's relative positioning by putting += or -= in front of the value.
-
UI Autocomplete
In jQuery; you can use the autocomplete functionality to have words completed automatically as you begin to type. In this video; Rafiq Wayani demonstrates how to use autocomplete to have words completed based on a predefined list of items.
-
UI Autocomplete Categories
In jQuery; you can use categories with the autocomplete function to group items in a logical manner. In this video; Rafiq Wayani demonstrates how to create categories with lists underneath them for use with autocomplete.
-
UI Autocomplete Custom Data and Display
In jQuery; you can use descriptions with the autocomplete function to have items listed and described. In this video; Rafiq Wayani demonstrates how to create item names with descriptions underneath them when using autocomplete functionality.
-
UI Autocomplete Multiple Values
In jQuery; you can use the autocomplete function to automatically complete multiple sets of items. In this video; Rafiq Wayani demonstrates how to allow the user to select various items; autocompleting each item in turn.
-
UI Autocomplete Scroll
In jQuery; you can use scrolling with the autocomplete function to limit the number of items that are listed. In this video; Rafiq Wayani demonstrates how to create a scrollbar for use with the autocomplete functionality.
-
UI Checkboxes
In jQuery; you can use UI checkboxes and buttons to allow users to select multiple options simultaneously. In this video; Rafiq Wayani demonstrates the benefits and characteristics of checkboxes; shows you how to code a checkbox into a form; and use a jQuery if...else statement to determine and display its value.
-
UI Draggables
In jQuery; you can add draggable functionality to any DOM elements using the draggable method so they can be manipulated with a mouse. In this video; Rafiq Wayani demonstrates how to implement the draggable method first on a single component; then on multiple components.
-
UI Droppable
In jQuery; you can use a class function to make UI droppable elements accept specified draggable objects. In this video; Rafiq Wayani demonstrates how to use the draggable() and droppable() methods to act on a droppable selector containing a function that changes the droppable's HTML to show that the draggable object has been dropped.
-
Adding Event Handlers
In JQuery; you can assign event handler functions to be executed based on user interactions. In this video; James Stevens demonstrates how to assign event handlers and how to use the click function in JQuery.
-
AJAX Shorthand Functions
JQuery provides the post and get functions to make the common ajax requests that fall into either a simple post or get request. In this video; James Stevens demonstrates some common ways to use the shorthand ajax functions.
-
Animating 3D Rotations
The animation plugins available for jQuery allow you to easily include 3D flipping and rotation effects that are ideal for enhancing themed web pages. In this video; Rafiq Wayani demonstrates how to create the effect of leaves falling and rotating using the 3D Falling Leaves plugin.
-
Animating Colors
In jQuery; you can animate colors on a page by modifying CSS properties along with the animate method. In this video; Rafiq Wayani demonstrates how to animate background colors by changing the height; width; and color of the CSS settings; and adds a toggle action to a button to initiate the animation effects.
-
Animating Style Changes
In JQuery; you can use the animate function to show a transition between two different style values. In this video; James Stevens explains some uses of the animate function and discusses which style properties can be affected with the animate function.
-
Animation Queues
In jQuery; you can show a sequence of animations. In this video; Rafiq Wayani uses the animation method to queue a sequence of animation events for a shape and some text.
-
Auto Open and Buttons
In jQuery; you can create auto open dialog boxes and apply custom buttons. In this video; Rafiq Wayani uses the AutoOpen property value to create an animated dialog box that opens automatically; and uses jQuery to add custom buttons to the dialog box.
-
Capturing Keyboard Events
In JQuery; you can use event handlers to capture keyboard inputs from the users. In this video; James Stevens demonstrates how to use the on function and the shorthand functions; keypress and keydown; to determine which key was pressed by the user.
-
Change Event
In jQuery; you use the change event to cause other changes to occur in a program. In this video; Rafiq Wayani binds an event handler to the change Javascript event.
-
Child and Parent Functions
The JQuery parent and child functions can be used to access the containing and child elements of the current JQuery object. In this video; James Stevens demonstrates how to move up and down the document object model of a page with the parent and children functions.
-
Click Event
In jQuery; you use the click event to implement tasks that use the click functionality. In this video; Rafiq Wayani binds an event handler to the click Javascript event.
-
Cloning Elements and Deep Cloning
In JQuery; you can use the clone() function to copy any data or event triggers that are associated with an element. In this video; James Stevens demonstrates how to use the clone() function to clone a JQuery object.
-
Composing Complex Constructor Strings
The JQuery append function can be used to add HTML content to a page. In this video; James Stevens discusses how to use JavaScript objects and for loops to compose a long HTML string and add it to the page.
-
Creating a Bar Chart
In jQuery; you can use various types of charts to display numbers and make them easier for the user to view and interpret. In this video; Rafiq Wayani demonstrates how to create a bar chart.
-
UI Radios
In jQuery; you can use UI radio buttons to allow users to select one or more of a group of available options; or answer Yes/No or True/False questions. In this video; Rafiq Wayani demonstrates how to use JavaScript to code named radio buttons and associate each to buttons coded to check; select; or reset them.
-
UI Simple Animation
In jQuery; you can use the animate() method to enhance web pages and engage users by performing simple custom animations on a set of CSS properties. In this video; Rafiq Wayani demonstrates the animate() method and its parameters; and how to use it to move a div element.
-
UI Simple Animation Continued
In jQuery; the animate() method allows you to manipulate multiple CSS properties at the same time. It can also be used to create simple animations. In this video; Rafiq Wayani demonstrates an animation that manipulates multiple properties and explains the factors that need to be remembered when using the animate() method.
-
UI Textboxes
jQuery allows you to easily create; manipulate; and delete textboxes that are an integral UI component of a form so users can enter data in a controlled manner. In this video; Rafiq Wayani demonstrates how to add and remove duplicate textboxes dynamically; but stop when it reaches a maximum.
-
Unwrapping an Element
JQuery provides the unwrap function when content needs to be moved to a parent element. In this video; James Stevens discusses how to unwrap content on a page and explains the side effects of using unwrap.
-
Using Algorithms on Style Properties
JQuery can be used to dynamically change the background color of an element on a page. An array of possible color values can be used or an algorithm can be applied to create various colors. In this video; James Stevens demonstrates both of these methods to change the color of elements with JQuery.
-
Using the ToggleClass Function
The toggleClass function in JQuery can perform more complex operations than the addClass and removeClass functions. In this video; James Stevens demonstrates how to use the toggleClass function.
-
Working with Ajax Promises
Since jQuery 1.5; AJAX calls' return object implements the Promises interface; using Promises to represent the eventual value returned from completing an operation and offering greater flexibility and consistency across libraries. In this video; Rafiq Wayani demonstrates the uses of a Promise and its event handlers; and how you can chain handlers; or combine them with the then() method.
-
Wrapping an Element
JQuery contains various options to wrap content to a web page in a container element. In this video; James Stevens discusses how to use the various wrap functions and the differences between them.
-
jQuery: Using Essential Features and Functions
jQuery has a wide variety of features and options to tailor your pages to your requirements. This course introduces learners to options available when working with elements, such as modifying elements, cloning elements, and wrapping elements. This course also covers options when working with events, such as capturing events, changing events, and submitting events. Finally, this course provides a how-to for using the datepicker and mouse options in jQuery.
- start the course
- add content to an element
- modify element style properties
- find an element's position
- overwrite contents of an element
- insert content into a document
- replace elements on a page
- clone elements
- remove elements from a document
- get values from elements
- wrap elements
- unwrap elements
- set values of form elements
- hide elements
- add event handlers
- remove event handlers
- capture keyboard events
- delegate event handlers
- use click events
- use change events
- use submit events
- use the datepicker feature
- use datepicker to disable specific dates
- use datepicker to highlight specific dates
- use mouseover
- use mouse double-click
- use mouse focus out
- use mouse down and up
-
jQuery: Basic Setup and Features
jQuery simplifies the process of using HTML for your websites. This course introduces you to the fundamentals of jQuery, including installing and implementing the environment, jQuery styles and themes, and using basic features like finding and filtering. You'll also learn about selecting options in jQuery such as selecting by class, ID, or attribute. Finally, this course introduces basic animation and color functions such as animating colors, style changes, and queues.
- start the course
- recognize how to install and implement jQuery
- recognize jQuery styles
- use algorithms
- modify styles
- recognize jQuery themes
- load content from another page
- use the find function in jQuery
- filter query results
- make asynchronous requests
- run code when a page loads
- use tabs in jQuery
- understand child and parent functions
- understand how to use remote data in jQuery
- select by element type
- select by ID
- select by class
- select by DOM location
- select descendant elements
- select by attribute
- select by attribute variants
- select with first and last pseudo selectors
- select with pseudo selectors
- select children of a query result
- modify element colors
- use animation queues
- animate colors
- animate style changes
- stop animations in jQuery
- handle the completion of an animation
- slide and fade animations
-
jQuery: Advanced Features and Functions
jQuery provides endless opportunities to customize your page using unique functions and options. This course introduces charts in jQuery as well as UI features and functions and UI autocomplete. This course also covers working with slides, the slider options, AJAX, accordion, and working with classes.
- start the course
- create a doughnut chart
- create a bar chart
- create a line chart
- create a pie chart
- create a polar area chart
- create a six charts chart
- use simple animation
- build on simple animations
- animate using UI relative values
- animate using UI predefined values
- use UI draggables
- use UI droppable
- use UI radios
- use UI checkboxes
- use UI textboxes
- use UI animated dialogs
- use UI autocomplete
- use UI autocomplete categories
- use UI autocomplete custom data and display
- use UI autocomplete multiple values
- use UI autocomplete scroll
- use slider
- use slider with ranges
- use slider select
- use slider vertical and increment
- use AJAX shorthand functions
- use AJAX promises
- resolve multiple AJAX calls with when()
- use accordion events and methods
- use accordion icon and fill
- use accordion hovering and sortable
- add and remove classes
- use the toggleclass function
-
Tabs
In jQuery; you can present and organize your data in an aesthetically pleasing layout using tabs. In this video; Rafiq Wayani uses the tabs method to categorize and present data.
-
Selecting by Class
JQuery selectors are used to select elements of a web page by their position in the Document Object Model (DOM). In this video; James Stevens demonstrates how to select elements by their DOM location.