Webinar: Getting Started With jQuery - Recap

• TagName
  
  document.getElementsByTagName("tagName");
  $("tagName")-$("div"),$("p"),$("div"),.....
  
• Tag ID
  
  document.getElementById("id");
  
  $("#id")- $("#name"),$("#address")
  
• Tag Class
  
  document.getElementsByClassName("className");
  $(".className")- $(".comment"),$(".code")
  
• Toselectall elements- $("*")

Selector-Combined

• Syntax
  
  $("tagName.className")
  $("tagName.className#tagId")
  
• Examples
  
  $("h1.mainTitle")
  $("h1.mainTitle#firstHeading")

Index Filters

Syntax Example

Condition Filters: Form Filters



Relationship Filters: Content Filters

Attribute Filters

Syntax Example

Retrieve, Set and Remove Attributes

Syntax Example

Class, HTML, Text, Value: Functions

Traversing

Syntax Example


Events

• bind()
• unbind()
• ready()
• toggle()
• hover()
• trigger()
  
  $("selector").bind(event,data,handler)
  $("selector").unbind(event,handler)

Bind: Example

$(function(){
$("#myButton").bind("onclick", validate);
$("#myButton").click( validate);
});
function validate(){
if( $("#myText").val().length == 0 ) {
alert("Error")
} else {
$("#myForm").submit();
}
}

Animations

• show()
• hide()
• fadeIn()
• fadeOut()
• slideUp()
• slideDown()

Additional Features

• jQuery UI
• AJAX functionality

Thank You.