Home Tutorial Jquery jQuery Tutorial

 
 

Share on Google+Share on Google+
jQuery Tutorial
Posted on: July 23, 2010 at 12:00 AM
Advertisement
In this Tutorial, you will learn about jQuery with the help of examples.

jQuery Tutorial

jQuery is a cross browser, java Script library created by  'John Resig' in 2006 with a nice motto: "Write less, do more". It handles the client side scripting of HTML.

jQuery simplifies  navigation of a document , select DOM elements, create animations, handle events, and develop Ajax applications.
Using jQuery we can also develop plug-in on the top of the JavaScript library.

jQuery Features
  • DOM element selections functions
  • DOM traversal and modification
  • Events
  • CSS manipulation
  • Effects and animations
  • Ajax
  • Extensibility
  • Utilities - such as browser version and the each function.
  • JavaScript Plug-ins

jQuery is java script and can be used with JSP, Servlet, ASP, PHP, CGI and almost all the web programming languages.

jQuery Installation 
In this tutorial, you will learn ,from where to download and how to install jQuery.
 
Display alert box on clicking link
In this tutorial,html page contains a "a href" link. On clicking this link ,a alert box prompt message "redirecting...." and when we click "Ok" button , it will redirect us to linked page.
 
Separating custom code in different file
In this jQuery tutorial,We separates custom code in the separate custom java script file
 
Display current time using jQuery & JSP
In this Tutorial we will develop a Html page which displays current date and time using jQuery and JSP
 
Selecting element using jQuery.
In this tutorial , we will discuss about the different methods to select elements of html page.
 
Showing content of a file using JSP & jQuery
In this tutorial , we will discuss how to display text ,saved in a text file using JSP & jQuery.
 
Calculating square root using JSP & jQuery
In this tutorial, we will find square root of any number with the help of JSP & jQuery.
 
Hide hyperlink using jQuery
In this tutorial, we will discuss about how to hide hyperlink after clicking it using jQuery.
 
Hide text by clicking button
In this tutorial, we will discuss about hide/show text by clicking on button.
 
Hide boxes by clicking on it using jQuery
In this tutorial , we will discuss about how to hide boxes by clicking on it using jQuery.
 
Hide/Show paragraph by button click
In this tutorial, we will discuss about how to hide/show paragraph by clicking on button using jQuery.
 
Hide/show Image by click
In this tutorial ,we will discuss about how to display image by click using jQuery.
 
Show text field & check input using jQuery
n this tutorial, we will discuss about how to display 'text field' by a button click & check input using jQuery.
 
Show text by button click using jQuery
In this tutorial, we will discuss about hide/show text by clicking on button.
 
Highlight text by changing color on every click(Toggle effect)
In this tutorial, we will discuss about how to highlight list element by clicking on it.
 
Display two alert box alternately by clicking on text
In this tutorial , we will discuss about how to display two alert box alternately by clicking on text line.
 
Change paragraph by clicking button(Toggle effect)
In this tutorial, we will discuss about how to change paragraph by clicking button using jQuery.
 
Toggle hide/show by clicking same button
In this tutorial, we will discuss about how to toggle hide/show by clicking button.
 
Insert text into database table using JSP & jQuery
In this tutorial , the text is inserted into database table using JSP & jQuery.
 
jQuery blur event
In this tutorial , we will discuss how to handle blur event of jQuery.
 
jQuery change event
In this tutorial , we will discuss about 'change' event of jQuery.
 
jQuery change event with multiple select option
In this tutorial , we will discuss about 'change' event of jQuery with multiple select list & it also display the selected option.
 
Form validation using jQuery plug in & JSP
In this tutorial, we will discuss about form validation using jQuery plug in & display of submit content using JSP.
 
jQuery focus event
In this tutorial, we will discuss about how to handle focus event of jQuery.
 
jQuery 'slideToggle' & 'slideUp' function
In this tutorial, we will discuss about 'slideToggle' &' slideUp' function of jQuery.
 
Login through database with the help of jQuery 'ajax' & JSP
In this tutorial, we will discuss about how to use ajax function of jQuery to create a login page , which has a JSP page to perform database connection.
 
The 'innerfade' effect using jQuery plug-in
In this tutorial , we will discuss about how to use 'innerfade' effect of jQuery.
 
The 'innerfade' effect with "Images" using jQuery plug-in
In this tutorial , we will discuss about how to implement 'innerfade' effect on images using jQuery plug-in.
 
The easy Slider plug-in of jQuery
In this tutorial, we will discuss about implementing 'easySlider' plug in of jQuery
 
The easy slider plug-in implementing with numeric boxes
In this tutorial, we will discuss about implementing 'easySlider' plug in of jQuery with numeric boxes.
 
The animation of image using the 'animate' effect of jQuery
In this tutorial, we will discuss about how to use 'animate' function of jQuery to animate Image.
 
Moving Div by button click using animate effect
In this tutorial , we will discuss how to move 'div' left-right by button click using jQuery.
 
Animating 'Div' blocks with different effects simultaneously
In this tutorial, we will discuss about how to animate 'Div' blocks with different effects simultaneously using jQuery.
 
Auto select cell on mouse hover using 'hover' mouse event
In this tutorial, we will discuss about how to highlight Table's cell on mouse hover using jQuery 'hover' mouse event.
 
'append' & 'fade out/in' on mouse hover
In this tutorial, we will discuss about how to apply 'append' & 'fade out/in' on mouse hover using jQuery.
 
Enlarge Image pop up on hovering the image using plugin
In this tutorial, we will discuss about display of enlarge image popup on hovering the "image".
 
jQuery '.live' & '.die' Mouse events
In this tutorial ,we will discuss about how to remove an event using 'die' mouse event of jQuery.
 
jQuery bind event
In this tutorial, we will discuss about how to bind multiple events with an element using jQuery.
 
Bind custom event with an element using 'bind'
In this tutorial, we will discuss about how to bind a user define event with an element using 'bind ' function of jQuery.
 
jQuery 'select' form event
In this tutorial, we will discuss about 'select ' form event to display message when we select something inside input box.
 
jQuery 'submit' form event
In this tutorial, we will discuss about the 'submit' form event of jQuery.
 
jQuery.fx.off
In this tutorial, we will discuss about "jQuery.fx.off" property.
 
Auto complete text box using jQuery plug in
In this tutorial, we will discuss about how to implement auto complete using jQuery plug in.
 
The scroll browser event of jQuery
In this tutorial ,we will print message on browser's window scrolling using scroll browser event of jQuery.
 
Display message on scroll Event
In this tutorial, we will discuss about how to display message on scrolling of text area using jQuery scroll event.
 
jQuery auto complete through database using JSP
In this tutorial, we will implement auto complete through database using JSP.
 
jQuery 'serialize' Ajax shorthand method
In this tutorial , jQuery 'serialize' method is implemented to create query for set of form elements
 
jQuery "height" method
In this tutorial ,we will discuss about "height" method of jQuery.
 
The queue, dequeue & clearQueue effect of jQuery
In this tutorial, we will discuss about the queue, dequeue & clearQueue effects of jQuery.
 
Pop up on hover using jQuery plug in
In this tutorial, we will learn how to set the pop up for display , when mouse hover on any unordered list.
 
"jQuery. browser " utility method
In this tutorial, we will discuss about the "jQuery.browser' utility method.
 
Popup on hover without plug-in
In this tutorial , we will discuss about using popup on hover without using plug-in.
 
Crop Image using plug-in ,JSP and 'Servlet'
In this tutorial, we will crop image using jQuery plug-in & servlet.
 
'key down' mouse event of the jQuery
In this tutorial ,we will display ASCII value using "key down" method of jQuery.
 
The 'offset' method of jQuery to find the co-ordinate
In this tutorial , we will discuss about 'offset' method of jQuery .
 
Image Slide Show using 'Space gallery' plug-in
In this tutorial , we will create a slide show using 'Space gallery' plug-in .
 
jQuery Convert string to number
In this tutorial , we will discuss about how to convert string (enter into input box) into number.
 
jQuery icon Dock plug-in
This section is about the icon Dock plug in of jQuery.
 
Auto grow Text Area using jQuery plug-in
In this section, you will learn how to create a text area which auto grow on increment of the content using jQuery Plug-in.
 
jQuery Simple Drop Down Menu
In this section, you will learn how to develop a simple drop down menu using jQuery
 
Zoom Image section using jQuery plug-in
In this section, you will learn how to zoom an image section by hovering mouse on it using jQuery.
 
jQuery 'Tab Slide Out' Plug-in
In this Section, you will learn how to develop a slide out tab using jQuery plug-in.
 
Slider Gallery plug-in
In this section, you will learn to use Slider Gallery plug-in for developing image gallery slider.
 
Fancy Box plug-in for text, portal & swf file
In this section, you will learn how to display text, portal & swf file inside fancy box by clicking on link.
 
Fancy Box plug-in for Images
In this section, you will learn how to use fancy box image slider plug-in for image display.
 
jQuery kwicks plugin
In this section, you will learn how to implement 'kwicks' plug-in in your html page
 
jquery popup datepicker
In this section ,you will learn to implement the date picker inside html page.
 
jQuery kwicks plug-in for creation of animating image title
In this section ,you will learn about using jQuery kwicks plug-in for creating animating Title images.
 
jQuery UI Tabs
In this section, you will learn about UI tabs .For using UI tabs you need add "jquery-ui-1.8.4.custom.min.js" plug-in in your html page.
 
jquery highlight textbox using jQuery
In this section , you will learn how to highlight input row or group of input row using jQuery.
 
jquery color picker plugin
In this section, you will learn how to implement color picker in your web page using jQuery plug-in.
 
jQuery check username availability using JSP
In this section, you will learn to check username availability from database using JSP & jQuery.
 
jquery fancybox youtube
In this section, you will learn how to show video in fancy box on clicking "a href " link
 
jQuery Multiple Checkbox Select / Deselect
In this section, you will learn how to create multiple checkbox group which select/deselect the group by clicking on the heading checkbox.
 
Timepicker addon
In this section, you will learn to add timepicker to jQuery UI Datepicker.
 
jQuery image replacement by click or select
In this section, you will learn to replace image by button click or select drop down without refreshing complete page.
 
Advertisement

Related Tags for jQuery Tutorial:


Follow us on Twitter, or add us on Facebook or Google Plus to keep you updated with the recent trends of Java and other open source platforms.

Posted on: July 23, 2010

Recommend the tutorial

Advertisements Advertisements
 

 

 

DMCA.com