|
|
|
Online course
Introduction to jQuery
jQuery is a rich JavaScript library. It helps the developer to easily traverse and manipulate the DOM. It also simplifies creating events and making AJAX calls. In this jQuery Training Course, we start by downloading jQuery. Then we created a new project using Visual Web Developer and added a reference of the jQuery library to the project. We added an HTML page and dropped a reference of jQuery to the page. We then introduced $(document).ready() and showed how we can dynamically add a div to the body of the page. Play stay tuned as we discuss more jQuery functionalities in the upcoming videos.
|
Introduction
 Vídeo
1) Installation
Description: This is the first of a series of videos on jQuery. jQuery is a rich JavaScript library. It helps the developer to easily traverse and manipulate the DOM. It alo simplifies creating events and making
AJAX calls. |
[Mark this item as viewed]
|
Vídeo
2) flag.jpg
Description: This video continues the discussion of the core jQuery functionalities. We start by adding a new
function that will be triggered anytime the user clicks anywhere in the body of the HTML page. In the project we
added a new image called flag.jpg under the images folder. |
[Mark this item as viewed]
|
Attributes
Vídeo
4) Attributes
Description: This video discusses the jQuery functionality that retrieves and modifies HTML tags attributes.
The attr attribute is very handy to retrieve those attributes and change them. We will also see how to use the
html() function to change the HTML for a specific tag. |
[Mark this item as viewed]
|
Utilities
Vídeo
5) Utilities
Description: This video discusses some of the utilities available in jQuery. We will start by showing how we can
retrieve an element with an id. |
[Mark this item as viewed]
|
Selectors
Vídeo
11) First
Description: In this video, I am continuing my discussion of selectors. I start by creating the main HTML page
that contains a table of employees and their salaries. Under the table I add a list of three radio buttons. The table
contains a header that explains the table content. |
[Mark this item as viewed]
|
Events
Vídeo
12) Events
Description: Before moving into events, this video continues the example on selectors. We use a table of employees and their salaries to illustrate how we can select the nth-row and the effect of hovering over rows. |
[Mark this item as viewed]
|
Effects
Vídeo
14) FadeIn
Description: This video continues the discussion of animation. We create a similar idea by placing the definition of jQuery in a span. We place a button right above the definition (which is initially hidden). when the user clicks on the button, the definition is faded in. |
[Mark this item as viewed]
|
Ajax
|
1
0
