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. If you like my tutorials, consider make a donation to these charities.

Comments

avatar
67 Comment threads
12 Thread replies
0 Followers
 
Most reacted comment
Hottest comment thread
67 Comment authors
Satinder singhKunal RanaAbhishek Sharmasujit kulkarnisagar Recent comment authors
newest oldest most voted
akv
Guest
akv

thnks for this tutorial

VANESSA
Guest
VANESSA

i love this list of jquery tutorials! bookmarked!

kennard
Guest
kennard

Whoa.. thanks for the tutorial.. its basic but very useful.
thanks once again..! great job bro. πŸ˜‰

kamalakar
Guest
kamalakar

the tutorials and java programms which is provided is very useful for beginners

GIovanni
Guest
GIovanni

Great tutorial. Keep up the good work!

Nauman
Guest
Nauman

Thanx for Great Tutorail for begginer and experts both

wie yoga
Guest
wie yoga

Do u have a tutorial about jquery radio select show different content

trackback
jquery resources | ???????
Tousif Khan
Guest
Tousif Khan

Hi Yong.

I have one complain about your site. Every link opens in new tab.
this is not a good practice. πŸ™
please remove target=”_blank” from ancher tags.

thupten
Guest
thupten

useful info. thanks..soon:)

Alec
Guest
Alec

Thanks for the links – bookmarked

VjJava
Guest
VjJava

Do you have tutorials for Jquery-Spring MVC implementation

Sahil
Guest
Sahil

Thank you very much for your exccellent examples in java technology.

Anand Shankar
Guest
Anand Shankar

Thanks for writing this tutorial. Really this is very helpful…….

Thanks a lot

khamis
Guest
khamis

I really appreciate your site contents. Hope you are going to post an ejb tutor as well. Keep it up):

Moorthy
Guest
Moorthy

very informative as well as easy to learn new technologies. bookmarked.:)

harunsir
Guest
harunsir

I am trying to add a class to a div while pressing down arrow key from the keyboard. When I hold the arrow key the class is added but as the key is released the class removes. My code is :

 <script type="text/javascript">
$(document).keydown( function(event){
									 	var keycode = (event.keyCode ? event.keyCode : event.which);
										var elem = $("#upazilla_txt").is(":focus").toString();
										var num_sugg = $("#check_sugg").val();
if (elem == "true"){
	if (keycode == "40"){
		if (num_sugg > 0){
			$("#x1").addClass("black_white");
		}
	}
} });
</script>

Here : #upazilla_txt and #check_sugg are textbox.
#x1 is a div.
Do anybody plesase help me ? Thanks.

Sam
Guest
Sam

Good stuff mate.

Pavan
Guest
Pavan

Great stuff mkyong. keep be it up………

Arjun
Guest
Arjun

Really great tutorial to learn… Thanks a lot for the tutorial.

Sanchit
Guest
Sanchit

Your jquery tutorial list is gr8.These snippet codes are very useful.

ashutosh ashish
Guest
ashutosh ashish

wow very good

trackback
Top Jquery Links |Avnish Namdev

[…] http://www.mkyong.com/tutorials/jquery-tutorials/ – jQuery Tutorials […]

Asho
Guest
Asho

You rock mkyong… you almost covered jquery… thank you, hope you cover other programming languages in future…. thank you…

Nupesh Thakur
Guest
Nupesh Thakur

Thanks for the tutorial.. its basic but very useful,
great job.

Rahul Bansal
Guest
Rahul Bansal

Excellent tutorials Man !! Keep up the good work.

sekhar
Guest
sekhar

Hi Mkyong,

Jquery is very nice … Could you please provide tutorial on Jquery-UI also …..

Dan
Guest
Dan

Thanks for great tutorials

I would like to ask you that is there any way to copy multiple rows from spreadsheet into jquery form/datatable and save (java,spring)

Appreciate if you get chance to answer

Dan

satya
Guest
satya

mkyong is a very good website for all the java technologies…
i like this very much..
almost all the topics are covered in all the java technologies..

trackback
14 Most Impressive jQuery Tutorials to Improve jquery’s Core Functionalities | RockingCode

[…] 10. mkyong […]