Random Thoughts

• Selecting by id: $(‘#yourelementid’)
• Selecting by class name: $(‘.yourclassname’)
• Selecting by tag name: $(‘p’) selects all the

  elements in the page

Other useful selectors:

• div > a will select all the links present directly inside a div tag
• tag[attribute=value] will select all the elements of type tag with the given attribute name and value. For example input[type=’text’] will select all the text tags
• :checkbox, :radio, :file are shortcuts to select checkboxes, radio buttons and file elements.
• :hidden selects all the elements that are hidden (such as head and base tags). This DOES NOT select all the form hidden fields.

• $(‘base’).attr(“href”) reads the href attribute of the base tag
• $(“#formTextId”).attr(“value”, ‘Test Value’);

$(document).ready(function() {
   // Your code
});

A shortcut syntax for this:

 $(function() {
      // Your code
 });

It is possible to chain the several handlers and JQuery will execute them in the order in which they are declared.

 $(".printLink").live("click", function(){
	window.print();
	return false;	
});

A JQuery plugin called Live Query provides a similar but more robust functionality

element with id ‘paragraphId’ inside test.html page into div with id ‘someDivId’.
$(‘#someDivId’).load(‘/test.html #paragraphId’);