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 the Author

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

Comments

Leave a Reply

avatar
newest oldest most voted
akv
Guest
akv

thnks for this tutorial

Satinder singh
Guest
Satinder singh

Hi
This is really a nice compilation of jquery tutorials i have came to find on internet. And It would be much pleasent if you write some AngularJs tutorials.

Well I have also written some tutorials on jquery @ http://codepedia.info/category/jquery-tutorials/ may be you and your reader find it helpful.
Thanks for sharing

Kunal Rana
Guest
Kunal Rana

nice job!!

sagar
Guest
sagar

Hi,

Thanks for ur tutorial

krishi sharma
Guest
krishi sharma

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
Guest
Parveen kumar

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

trackback
Hoc Jquery | Chazo nhé meteor
Pavan Deshpande
Guest
Pavan Deshpande

hi very nice collection of jquery tutorial

you can visit here pavan blog

Ron
Guest
Ron

Nice blog, Pavan !!

SAGAR
Guest
SAGAR

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
Guest
SAGAR

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

Renganathan.P
Guest
Renganathan.P

mm k bye

Renganathan.P
Guest
Renganathan.P

I am a mental.

w
Guest
w

www

Anand
Guest
Anand

Try this way in javascript function…

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

trackback
First Post « MAWP
mohsin azeem
Guest
mohsin azeem

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
Guest
prasanna

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
Guest
Lord79

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
Guest
Abhishek Sharma

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
Guest
Keya Directory

Thanx for Great Tutorail for begginer and experts both

raju
Guest
raju

Hi Mkyong,

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

Could you please reply it’s urgent

Thanks,

Renganathan.P
Guest
Renganathan.P
raju
Guest
raju

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

prabhu
Guest
prabhu

Hi Mkyong,

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

Thanks.

prashant kumar
Guest
prashant kumar

Great work man! nice …bookmarked!!!

juwel
Guest
juwel

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

rahul raj
Guest
rahul raj

Thanks for this useful tutorials :)

Manikandan
Guest
Manikandan

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

vinu
Guest
vinu

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
Guest
jamesfoucart

Hi,

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

muchfun
Guest
muchfun

Fine Content helped me too much rslink.in

Benjamin
Guest
Benjamin

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
Guest
eezee

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

Praveen
Guest
Praveen

This is very helpfull for me. Thanks to mkyong.

Bhasha
Guest
Bhasha
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:… Read more »
pulkit
Guest
pulkit

You are a champ!!!