jQuery Course

A free jQuery course with lessons and tutorials for beginners, with practical examples easily to lern.

jQuery Basics
- jQuery Basics, getting started with jQuery, syntax, selecting elements, events
CSS Styles with jQuery
- CSS Styles with jQuery, reading and setting CSS properties, adding and removing classes
jQuery Callback Functions
- jQuery lesson about callback functions. Adding function as parameter to other function
Hide and Show simple effects
- Hide and Show simple effects with jQuery, hiding and revealing elements, toggle() method
Add and Remove HTML elements and Content with jQuery
- How to Add and Remove HTML elements and modify, replace Content with jQuery
Get Attribute (ID, Class, Name, Title, Src) with jQuery
- Get Attribute value (ID, Class, Name, Title, Src) of a clicked element with jQuery
Add, Change, and Remove Attributes with jQuery
- Add, Change, and Remove Attributes to HTML elements with jQuery, attr(), removeAttr(), addClass(), toggleClass()
Using fadeIn and fadeOut
- Hide and display elements on a page with fadeIn, and fadeOut jQuery methods, fadeToggle, fadeTo
Using slideDown and SlideUp
- Using slideDown and SlideUp to display and hide elements on a page, jQuery methods
Animating CSS properties with jQuery
- Animating CSS properties, jQuery animate method, advanced options, color animation plugin
jQuery background position
- How to change, animate, get the position of a background image in HTML elements with jQuery
Chaining multiple jQuery effects
- Chaining multiple jQuery effects and actions, pausing the chain, delay method
jQuery Ajax - load() method
- jQuery Ajax, load() method, loading remote HTML, get content from PHP script, check request status
jQuery ajax() method
- jQuery ajax() method, options to configure the ajax method, example with jQuery Ajax and PHP
jQuery get() and post()
- Perform ajax requests with jQuery get() and post() functions, through GET and POST method
jQuery get XML data
- How to get XML data with jQuery ajax(), parse and display XML data with jQuery
Validate and Submit Form
- Validate and Submit Form with jQuery, serialize form data and send it via Ajax
jQuery UI draggable - Drag elements
- Drag elements on the page with jQuery UI, defining options for draggable method
Drag and Drop with jQuery UI
- Drag and Drop with jQuery UI, draggable and droppable options, dragging elements
Change CSS file with jQuery
- How to change, alternate the CSS file with jQuery, when click on an element
Register Events to elements included with jQuery ajax
- How to Register Events to elements included into the page with jQuery ajax. jQuery course
jQuery parent, children and nth-child()
- jQuery course, using the parent() and children() methods, nth-child, parent-child selectors
jQuery Handling Events with on() method
- jQuery Tutorial, Handling Events with on() method. Multiple events and handlers, passing data to the event handler, even delegation, remove Events

Daily Test with Code Example

HTML

CSS

JavaScript

PHP-MySQL

What attribute makes an option from <select> selected?

checked="checked" selected="selected" disabled="disabled"

<select name="a_name">
 <option value="val1">Option 1</option>
 <option value="val2" selected="selected">Option 2</option>
</select>

What CSS value allows to create color gradients for background?

contain repeat-x linear-gradient

#id {
  background: linear-gradient(top left, #1f1, #fff, #11f);
}

What statement creates an array in JavaScript?

[] {} new Object()

var arr = [1, "CoursesWeb.net", "MarPlo.net"];
alert(arr[2]);

Indicate the PHP function used to redirect to other page.

function() header() switch()

header("Location: http://coursesweb.net/");
exit;

jQuery Course

Jquery Course

Daily Test with Code Example

HTML

CSS

JavaScript

PHP-MySQL

Last accessed pages

Popular pages this month