jQuery Syntax

In this lesson, I will give you an overview of the basic jQuery syntax, which is very simple and uses some elements directly from CSS, which makes it even easier to use.

Video Chapters

jQuery document.ready function syntax:

jQuery(document).ready(function($){

	// your jQuery goes here

});

Shorthand version:

$(function () {

	// your jQuery goes here

});

Sample jQuery functions:

$('#box').hide();

$('.circle').fadeOut();	

$('h1').css('color','red');
	
$('button').click(function(){
	$('.circle').fadeOut(1000);	
});