Main Tutorials

jQuery Tutorial

jQuery Tutorials

jQuery is a small 24k (minified) JavaScript library, provides an extremely easy and powerful selectors to select almost anything you want in HTML page. In addition, it also comes with many innovative ways for DOM traversing, event handling (form, browser, mouse ,keyboard), animations effects and Ajax to simplifies the web development. It will definitely change the way you code JavaScript.

Happy learning jQuery. 🙂

jQuery Quick Start

jQuery simple usage examples.

jQuery Practical Examples

Some jQuery practical usage and examples.

jQuery Selectors

Select anything you want in jQuery.

jQuery Attribute Selectors

Everything about attribute selectors in jQuery.

jQuery DOM Traversing

Everything about element traversing in jQuery.

jQuery DOM Manipulation

Everything about dom manipulation in jQuery.

jQuery HTML Form

Everything about HTML form elements in jQuery.

jQuery Effects

Everything about build-in effects in jQuery.

jQuery Event Handling

Everything about event handling in jQuery.

jQuery Browser Events

Everything about browser events in jQuery.

jQuery Mouse Events

Everything about mouse events in jQuery.

jQuery Keyboard Events

Everything about keyboard events in jQuery.

jQuery Common Problem

Some common jQuery problem and solution.

jQuery References

About Author

author image
Founder of Mkyong.com, love Java and open source stuff. Follow him on Twitter. If you like my tutorials, consider make a donation to these charities.

Comments

Subscribe
Notify of
74 Comments
Most Voted
Newest Oldest
Inline Feedbacks
View all comments
akv
11 years ago

thnks for this tutorial

Kunal Rana
8 years ago

nice job!!

sagar
10 years ago

Hi,

Thanks for ur tutorial

krishi sharma
10 years ago

i want to know how can we create auto download as like facebook.
whenever we reach the end of the page it auto download how is’t its jquery?

Parveen kumar
10 years ago

i want to know java script , jquery , Ajax in simple & easy method

Pavan Deshpande
11 years ago

hi very nice collection of jquery tutorial

you can visit here pavan blog

Ron
10 years ago

Nice blog, Pavan !!

SAGAR
11 years ago

Hi, i want to learn javascript,jquery and ajax from basics to advance .please tell me link or resources from where i can learn but not w3school as i have gone through.

SAGAR
11 years ago

Hi, i am using document.formname.submit(); in javascript which showing that submit is not a function. As i have used action,alert and many more please tell me another alternative so that i can submit the form

Anand
11 years ago
Reply to  SAGAR

Try this way in javascript function…

function demo(){
var formName = document.ClientMaster;
formName.method = “post”;
formName.action = ‘addShippingAddress’;
formName.submit();
}

Renganathan.P
11 years ago
Reply to  SAGAR

mm k bye

w
10 years ago
Reply to  Renganathan.P

www

Renganathan.P
11 years ago
Reply to  Renganathan.P

I am a mental.

mohsin azeem
11 years ago

hi dear..!
i want to use JQuery with JSF 2.0, is there any tutorial of you ? or can you guide me how can i use it ?
please do reply Thanks 🙂

prasanna
11 years ago

I’m a regular visitor of your site to learn anything new.
Can you please post something about Ajax and Ajax integration with Struts, Springs in your blog with some examples?

Thanks in advance.

Lord79
11 years ago

Hi mkyong,

I am a fresher and I am working on J2EE.
but from 2 week i have been in trouble resolving an issue and i think u are the right person to ask this question.

so,the problem: i am validating a form using ajax and trying to submit it on success.
code logic: if(validateName(name)){ return true;}

here:validateName is an ajax-call which checks that the name is not already there in database.

and problem here is: validateName() always returns “false”
i personally think: there is a delay in ajax so i get the default flag which is false.

please help

Abhishek Sharma
8 years ago
Reply to  Lord79

Please raise your issue in StackOverFlow and if you think it is because of delay in AJAX call please use deferred function of Jquery.

Keya Directory
11 years ago

Thanx for Great Tutorail for begginer and experts both

raju
11 years ago

Hi Mkyong,

Add / remove text Area dynamically using JQuery If user click on button.

Could you please reply it’s urgent

Thanks,

Renganathan.P
11 years ago
Reply to  raju
raju
11 years ago

Add / remove text Area dynamically using JQuery If user click on button.

prabhu
11 years ago

Hi Mkyong,

I am happy to see this tutorial and it helps me to learn a lot.

Thanks.

prashant kumar
11 years ago

Great work man! nice …bookmarked!!!

juwel
11 years ago

Thanks for writing this tutorial. Really this is very helpful…….
please update continue…………………..

rahul raj
11 years ago

Thanks for this useful tutorials 🙂

Manikandan
11 years ago

Hi,
Thanks For ur valuable tutorials ,,All are up to date and really it helps me to know new technologies,And really thanks

vinu
11 years ago

HI MKYong,

Great stuff !! stunning tutorials for all core frameworks beginners level best.

The image sliders are widely used in most of the websites,kindly provide an example for that. It will be more helpful.
Image slide similar to
http://slidesjs.com/examples/images-with-captions/

Regards,
Vinu

jamesfoucart
11 years ago

Hi,

Thanks a lot for yours tutorials. they are very useful. it’s a great pleasure to visiting your web site. thanks again ! 🙂

muchfun
11 years ago

Fine Content helped me too much rslink.in

Benjamin
11 years ago

thanks for this tutorials! can you please make a tutorial on how to integrate struts 2 with jquery (exemple:how to call struts 2 action via ajax requets)? all the jquery tutorials i’ve found use php to illustrate this. thank you!

eezee
11 years ago

hi there i need little help from you can you make some code for me?

Praveen
11 years ago

This is very helpfull for me. Thanks to mkyong.

Bhasha
11 years ago

using Spring MVC 3, Jquery. Having a issue. Have a Java bean(course) that contains a list of another java object(module). Html/jsp file having a dynamic treeview. Click on form submit, want to send the bean to controller . My issue is how to set the list of objects in jquery to send as a parameter to controller.
treeview is like below

ex:
var name = $(‘#coursename’).val();
var desc = $(‘#folderdescrip’).val();

alert(“name :”+name+” :::: desc :”+desc);

$.ajax(
{
type: ‘POST’,
url: ‘createcourse.htm’,
data: “name =”+ name+”&description =”+desc,
//how to send the list of objects here
success: function(data)
{
alert(“success”)
},

error: function() {
alert(‘error saving course’);
}

});
Can you help some on on this issue

pulkit
11 years ago

You are a champ!!!

Ankit
11 years ago

Hi,
i want to upload multiple files using javastruts2.
I tried your Struts 2 file upload example it’s working fine but can you also share the code to upload multiple files using jquery or any other plugin/uploader

Mahendra
11 years ago

Excellent work. very simple to carry on

Ray Choe
11 years ago

thanks for your jQuery tutorial!