Amazing List of Jquery Resources


I am writing this post as an extension to my previous post
10 most Useful resources for jQuery across the web which got an overwhelming response from the people. I recently found out some more good links. Also including the links which some readers on the previous post suggested.

So here are the additional new links:

  1. The following link is an amazing look up for all kinds of small tasks in jquery.
    jQuery HowTo’s
  2. Then we have 2 more How to in Jquery

  3. JQuery HowTo
  5. VisualJquery.This link provides the information about any jquery methods with examples in a very interactive way.Its an amazing reference for Jquery methods.
  6. jQuery BlockUI Plugin: Jquery implementation for the modal popup. Its a jquery plug in named blockUI and is very popular among the developers.
  7. JQuery Tools Scrollable:A plugin to Scroll the HTML like and eye candy.
  8. Impromptu: Showing beautiful message boxes in Asp.Net web forms using JQuery Impromptu
  9. jQuery Cycle Plugin: The jQuery Cycle Plugin is a lightweight slideshow plugin. Provides amazing UI effects.
  10. Now we have client side implementation of Gridview paging using Jquery. The code demonstrates the use ajax() method of jquery receiving the JSON data from as well. Powerful practical learning for jquery beginners.

  11. jQuery & :- How to implement paging,sorting and filtering on a client side grid using,jTemplates and JSON
  12. And last but the most Important one

  13. The Ultimate Jquery List: Ultimate list of all Jquery resources

kick it on

Shout it

pimp it

10 most Useful resources for jQuery across the web

While skimming the internet and searching for good learning resources for jQuery i found amazing links which can help anybody using or learning jQuery.

Below are the 10 very useful resource’s list. I hope it will be helpful to others.

Let’s start of with the link which can give us head start to our jQuery learning:

  1. 15 Resources To Get You Started With jQuery From Scratch
  2. Then comes a link to the best practices which we should follow to make our jquery and javascript run faster:

  3. Improve your jQuery-25 excellent tips
  4. Next comes up other links

  5. All the jQuery resources you’ll ever need
  6. 15 Days Of jQuery
  7. 5 JavaScript Tricks Made Easy with jQuery
  8. The 20 Most Practical and Creative Uses of jQuery
  9. 40+ JavaScript and jQuery resources that will make you a better Web developer
  10. 7 of my favorite jQuery plugins for use with ASP.NET
  11. 50+ Amazing Jquery Examples- Part1
  12. 70 New, Useful AJAX And JavaScript Techniques

Also See: Amazing List of Jquery Resources

kick it on

Shout it

pimp it

What is Jquery

jQuery is a lightweight JavaScript library that emphasizes interaction between JavaScript and HTML. jQuery is an amazing JavaScript library that makes it easy to create wonderful web effects in just a few lines of code. jQuery is a new type of Javascript library. It is not a huge, bloated framework promising the best in AJAX – nor is it just a set of needlessly complex enhancements – jQuery is designed to change the way that you write Javascript.
jQuery is a Javascript library that takes this motto to heart: Writing Javascript code should be fun. jQuery achieves this goal by taking common, repetitive, tasks, stripping out all the unnecessary markup, and leaving them short, smart and understandable.
Quick Facts

• jQuery supports CSS 1-3 and basic XPath.
• jQuery is about 19kb in size.
• jQuery works in Firefox 1.0+, Internet Explorer 5.5+, Safari 1.3+, and Opera 8.5+.
• jQuery and Prototype can be used together!
• jQuery owns a strong and very flexible mechanism for adding in methods and functionality, bundled as plugins

jQuery contains the following features:

• DOM element selections using the cross-browser open source selector engine Sizzle, a spin-off out of jQuery project[3]
• DOM traversal and modification (including support for CSS 1-3 and basic XPath)
• Events
• CSS manipulation
• Effects and animations
• Ajax
• Extensibility
• Utilities – such as browser version and the each function.
The $ function• One of the critical concepts in any jQuery code is the so called ‘$’ function. ‘$’ is actually an ‘alias’ for the ‘jQuery’ namespace.
• Example 1: jQuery provides a function for trimming strings. This function can be used as:

•	str = "    foo     ";
•	jQuery.trim(str); // returns "foo"
•	Or, it can also be used as:
•	str = "    foo     ";
•	$.trim(str);

• These are equivalent. Usage of ‘$’ instead of ‘jQuery’ is an ad-hoc convention, and is considered easier[who?].
• Example 2: To select all the paragraphs that have the class ‘foo’ and add another class called ‘bar’ to all of them:
• $(“”).addClass(“bar”);
• Example 3: To execute a function ‘myfunc’ immediately after the page is loaded (called the ready handler in jQuery lingo):
• $(document).ready(function() {
• myfunc();
• });
• This is typically used in a context like this:
• $(document).ready(function() {
• // Stripe all the tables in the document using the oddStripe and evenStripe CSS classes.
• $(‘tr:nth-child(odd)’).addClass(“oddStripe”);
• $(‘tr:nth-child(even)’).addClass(“evenStripe”);
• });

For detailed information ,check this.-