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

Which tag is used in <table> to create table header cell?

<table><tr>
  <th>Title 1</th>
  <th>Title 2</th>
</tr></table>

Which CSS property sets the distance between lines?

line-height word-spacing margin

.some_class {
  line-height: 150%;
}

Which function opens a new browser window.

alert() confirm() open()

document.getElementById("id_button").onclick = function(){
  window.open("http://coursesweb.net/");
}

Indicate the PHP function that returns an array with names of the files and folders inside a directory.

mkdir() scandir() readdir()

$ar_dir = scandir("dir_name");
var_export($ar_dir);

jQuery Course

Jquery Course

Daily Test with Code Example

HTML

CSS

JavaScript

PHP-MySQL

Last accessed pages

Popular pages this month