Object Examples

Output the person's name


      
      
	  

        
Output the vehicle's type

        

      
      
      

        
Output the functions' result

        

		

		

		

		

      
   

      
Function Examples

      

        
Output the results

        

      
    
      

        
Output the results

        

      
  
      
jQuery Examples

       

        
1, Basic Example

        
Click the following links to display the result target:

        
     
			
  • PHP
    •  
			
  • ASP
    •  
			
  • Ruby
    •  
			
  • Python
    •  
			
  • AIR
    •  
        

		
 
			
http://www.php.net
 
			
http://www.asp.net
 
			
http://www.ruby-lang.org
 
			
http://www.python.org
 
			
http://www.adobe.com/products/air/
 
		
  
		
Your javascript source should look similar to the following code:

        


		
		
Css Menu:

        
				
		
Your javascript source should look similar to the following code:

        


      

       

        
2, Plugin Examples

		
Tablesorter 2.0

		

		
			

				First Name
				Last Name
				Age
				Total
				Discount
				Difference
				Date
			

		
		
			

				Peter
				Parker
				28
				$9.99
				20.9%
				+12.1
				Jul 6, 2006 8:14 AM
			

			

				John
				Hood
				33
				$19.99
				25%
				+12
				Dec 10, 2002 5:14 AM
			

			

				Clark
				Kent
				18
				$15.89
				44%
				-26
				Jan 12, 2003 11:14 AM
			

			

				Bruce
				Almighty
				45
				$153.19
				44.7%
				+77
				Jan 18, 2001 9:12 AM
			

			

				Bruce
				Evans
				22
				$13.19
				11%
				-100.9
				Jan 18, 2007 9:12 AM
			

		
		
        
			
To use the tablesorter plugin, include the 
				jQuery library and the tablesorter plugin inside the 
				<head> tag of your HTML document: 	
			

			
tablesorter works on standard HTML tables. You must include THEAD and TBODY tags:
			

			
Your javascript source should look similar to the following code:
				


		
jqDnR

		

			I am an example Box "#ex2"

			You can *DRAG* Me.
		


		

			I am an example Box "#ex2"

			You can *DRAG* Me. 

			Notice my Original Opacity is preserved.
		


		

			I am an example Box "#ex1"

			You can *RESIZE* Me.
		

		
 
	  
	  	
jdMenu 1.3.beta2

	A normal positioned menu
	
     

toggle
	  
About

      
        
			
    
				
  • jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript.
    • 
				
  • The code (blackbird.js, blackbird.css) and image assets (blackbird_panel.png, blackbird_icons.png) were created by G. Scott Olson.
    • 
				
  • Chili is a jQuery code highlighter plugin. 
    • 
				
  • Tablesorter is a jQuery plugin for turning a standard HTML table with THEAD and TBODY tags into a sortable table without page refreshes.
    • 
				
  • jqDnR is a lightweight plugin for jQuery that lets you drag, drop, and resize elements. 
    • 
				
  • jdMenu plugin for jQuery provides a clean, simple and elegant solution for creating hierarchical drop down menus for websites to web applications. 
    •