<p>I've had a lot of good experiences learning about web development on <a href="http://www.w3schools.com/" rel="nofollow noreferrer">w3schools.com</a>. It's hit or miss, I know, but the PHP and CSS sections specifically have proven very useful for reference.</p>

<p>Anyway, I was wondering if there was a similar site for <a href="http://en.wikipedia.org/wiki/JQuery" rel="nofollow noreferrer">jQuery</a>. I'm interested in learning, but I need it to be online/searchable, so I can refer back to it easily when I need the information in the future.</p>

<p>Also, as a brief aside, is jQuery worth learning? Or should I look at different JavaScript libraries? I know Jeff uses jQuery on Stack Overflow and it seems to be working well.</p>

<p>Thanks!</p>

<p><strong>Edit</strong>: jQuery's website has a <a href="http://docs.jquery.com/Tutorials" rel="nofollow noreferrer">pretty big list of tutorials</a>, and a seemingly comprehensive <a href="http://docs.jquery.com/Main_Page" rel="nofollow noreferrer">documentation page</a>. I haven't had time to go through it all yet, has anyone else had experience with it?</p>

<p><strong>Edit 2</strong>: It seems Google is now hosting the jQuery libraries. That should give jQuery a pretty big advantage in terms of publicity. </p>

<p>Also, if everyone uses a single unified aQuery library hosted at the same place, it should get cached for most Internet users early on and therefore not impact the download footprint of your site should you decide to use it.</p>

<h2>2 Months Later...</h2>

<p><strong>Edit 3</strong>: I started using jQuery on a project at work recently and it is great to work with! Just wanted to let everyone know that I have concluded it is <strong><em>ABSOLUTELY</em></strong> worth it to learn and use jQuery.</p>

<p>Also, I learned almost entirely from the Official jQuery <a href="http://docs.jquery.com/Main_Page" rel="nofollow noreferrer">documentation</a> and <a href="http://docs.jquery.com/Tutorials" rel="nofollow noreferrer">tutorials</a>. It's very straightforward.</p>

<h2>10 Months Later...</h2>

<p>jQuery is a part of just about every web app I've made since I initially wrote this post. It makes progressive enhancement a breeze, and helps make the code maintainable.</p>

<p>Also, all the jQuery plug-ins are an invaluable resource!</p>

<h2>3 Years Later...</h2>

<p>Still using jQuery just about every day. I now author jQuery plug-ins and consult full time. I'm primarily a Djangonaut but I've done several javascript only contracts with jQuery. It's a life saver.</p>

<p>From one jQuery user to another... You should look at <a href="http://api.jquery.com/category/plugins/templates/" rel="nofollow noreferrer">templating with jQuery</a> (or underscore -- see below).</p>

<p>Other things I've found valuable in addition to jQuery (with estimated portion of projects I use it on):</p>

<ul>
<li><a href="http://jquery.malsup.com/form/" rel="nofollow noreferrer">jQuery Form Plugin</a> (95%)</li>
<li><a href="http://mudge.github.com/jquery_example/" rel="nofollow noreferrer">jQuery Form Example Plugin</a> (75%)</li>
<li><a href="http://jqueryui.com/" rel="nofollow noreferrer">jQuery UI</a> (70%)</li>
<li><a href="http://documentcloud.github.com/underscore/" rel="nofollow noreferrer">Underscore.js</a> (80%)</li>
<li><a href="http://jashkenas.github.com/coffee-script/" rel="nofollow noreferrer">CoffeeScript</a> (30%)</li>
<li><a href="http://documentcloud.github.com/backbone/" rel="nofollow noreferrer">Backbone.js</a> (10%)</li>
</ul>

[{'answer_id': 27248, 'author': 'Lucas Wilson-Richter', 'author_id': 1157, 'author_profile': 'https://Stackoverflow.com/users/1157', 'pm_score': 0, 'selected': False, 'text': '<p>I use <a href="http://prototypejs.org/" rel="nofollow noreferrer">Prototype</a>, which I like. I\'m afraid I don\'t know jQuery, so I can\'t compare them, but I think Prototype is worth checking out. Their API docs are generally pretty good, in my experience (which certainly helps with learnability).</p>\n'}, {'answer_id': 27250, 'author': 'yukondude', 'author_id': 726, 'author_profile': 'https://Stackoverflow.com/users/726', 'pm_score': 3, 'selected': False, 'text': '<p>It is very much worth it. jQuery really makes JavaScript fun again. It\'s as if all of JavaScript best practices were wrapped up into a single library.</p>\n\n<p>I learned it through <a href="http://www.manning.com/bibeault/" rel="nofollow noreferrer">jQuery in Action</a> (Manning), which I whipped through over a weekend. It\'s a little bit behind the current state of affairs, especially in regard to plug-ins, but it\'s a great introduction.</p>\n'}, {'answer_id': 27254, 'author': 'rp.', 'author_id': 2536, 'author_profile': 'https://Stackoverflow.com/users/2536', 'pm_score': 6, 'selected': True, 'text': '<p>Rick Strahl and Matt Berseth\'s blogs both tipped me into jQuery and man am I glad they did. jQuery completely changes a) your client programming perspective, b) the grief it causes it you, and c) how much fun it can be! </p>\n\n<p><a href="http://www.west-wind.com/weblog/" rel="noreferrer">http://www.west-wind.com/weblog/</a></p>\n\n<p><a href="http://mattberseth.com/" rel="noreferrer">http://mattberseth.com/</a></p>\n\n<p>I used the book jQuery in Action \n<a href="https://rads.stackoverflow.com/amzn/click/com/1933988355" rel="noreferrer" rel="nofollow noreferrer">http://www.amazon.com/jQuery-Action-Bear-Bibeault/dp/1933988355/ref=sr_1_1?ie=UTF8&amp;s=books&amp;qid=1219716122&amp;sr=1-1</a> (I bought it used at Amazon for about $22). It has been a big help into bootstrapping me into jQuery. The documentation at jquery.com are also very helpful.</p>\n\n<p>A place where jQuery falls a little flat is with its UI components. Those don\'t seem to be quite ready for primetime just yet. </p>\n\n<p>It could be that <a href="http://en.wikipedia.org/wiki/Prototype_JavaScript_Framework" rel="noreferrer">Prototype</a> or <a href="http://en.wikipedia.org/wiki/MooTools" rel="noreferrer">MooTools</a> or <a href="http://en.wikipedia.org/wiki/Ext_%28JavaScript_library%29" rel="noreferrer">ExtJS</a> are as good as jQuery. But for me, jQuery seems to have a little more momentum behind it right now and that counts for something for me. </p>\n\n<p>Check jQuery out. It is very cool! </p>\n'}, {'answer_id': 27256, 'author': 'Community', 'author_id': -1, 'author_profile': 'https://Stackoverflow.com/users/-1', 'pm_score': 2, 'selected': False, 'text': '<p>There are numerous JavaScript libraries that are worth at least a cursory review to see if they suit your particular need. First, come up with a short list of criteria to guide your selection and evaluation process.</p>\n\n<p>Then, check out a <a href="http://en.wikipedia.org/wiki/Comparison_of_JavaScript_frameworks" rel="nofollow noreferrer">high level framework comparison/reviews somewhere like Wikipedia</a>, select a few that fit your criteria and interest you.  Test them out to see how they work for you. Most, if not all, of these libraries have websites w/ reference documentation and user group type support. </p>\n\n<p>To put some names out there, <a href="http://www.prototypejs.org/" rel="nofollow noreferrer">Prototype</a>, <a href="http://script.aculo.us/" rel="nofollow noreferrer">script.aculo.us</a>, <a href="http://jquery.com/" rel="nofollow noreferrer">Jquery</a>, <a href="http://dojotoolkit.org/" rel="nofollow noreferrer">Dojo</a>, <a href="http://developer.yahoo.com/yui/" rel="nofollow noreferrer">YUI</a>...those all seem to have active users and contributers, so they are probably worth reading up on to see if they meet your needs.</p>\n\n<p>Jquery is good, but with a little extra effort, maybe you\'ll find that something else works better for you. </p>\n\n<p>Good luck.</p>\n'}, {'answer_id': 27260, 'author': 'Chris Conway', 'author_id': 2849, 'author_profile': 'https://Stackoverflow.com/users/2849', 'pm_score': 2, 'selected': False, 'text': '<p>There are a number of resources to learn jQuery (which is completely worth it IMHO). Start here <a href="http://docs.jquery.com/Main_Page" rel="nofollow noreferrer">http://docs.jquery.com/Main_Page</a> to read the jQuery documentation. This is a great site for seeing visually what it has to offer:\n<a href="http://visualjquery.com/1.1.2.html" rel="nofollow noreferrer">http://visualjquery.com/1.1.2.html</a>. Manning publications also has a great book which is highly recommended called <a href="http://www.manning.com/bibeault/" rel="nofollow noreferrer">jQuery in Action</a>. As far as JavaScript libraries are concerned, this one and Prototype are probably the most popular if you\'re looking to compare jQuery to something else.</p>\n'}, {'answer_id': 28993, 'author': 'Skippy', 'author_id': 2903, 'author_profile': 'https://Stackoverflow.com/users/2903', 'pm_score': 2, 'selected': False, 'text': '<p>I started learning by looking at jQuery extensions to see how other developers work with the jQuery language.  It not only helped me to learn jQuery syntax but also taught me how to develop my own extensions.</p>\n'}, {'answer_id': 39685, 'author': 'blake8086', 'author_id': 4114, 'author_profile': 'https://Stackoverflow.com/users/4114', 'pm_score': 3, 'selected': False, 'text': "<p>I used Prototype for about six months before I decided to learn jQuery.  To me, it was like a night and day difference.  For example, in Prototype you will loop over a set of elements checking if one exists and then setting something in it, in jQuery you just say $('div.class').find('[name=thing]') or whatever and set it.</p>\n\n<p>It's so much easier to use and feels a lot more powerful.  The plugin support is also great.  For almost any common js pattern, there's a plugin that does what you want.  With prototype, you'll be googling for blogs that have the snippet of code you need.</p>\n"}, {'answer_id': 55746, 'author': 'Sean O', 'author_id': 5701, 'author_profile': 'https://Stackoverflow.com/users/5701', 'pm_score': 3, 'selected': False, 'text': '<p>A great resource for learning jQuery is: <a href="http://www.learningjquery.com" rel="noreferrer">Learning jQuery</a>. The author, Karl Swedberg, also co-wrote the book titled... ready? Yup, <em><a href="https://rads.stackoverflow.com/amzn/click/com/1847192505" rel="noreferrer" rel="nofollow noreferrer">Learning jQuery</a></em>.  Remy Sharp also has great info geared towards the visual aspects of jQuery on <a href="http://www.jqueryfordesigners.com/" rel="noreferrer">his blog</a>.</p>\n\n<p>--SEAN O</p>\n'}, {'answer_id': 602369, 'author': 'Uzbekjon', 'author_id': 52317, 'author_profile': 'https://Stackoverflow.com/users/52317', 'pm_score': 2, 'selected': False, 'text': '<p>jQuery worths learning!!! I recommend reading "Learning jQuery" and "jQuery in Action". Both books are great with expalanation and examples. The next step is to actually use it to do something. You will find official <a href="http://docs.jquery.com" rel="nofollow noreferrer">http://docs.jquery.com</a> docummentation very useful. I use it as a reference, google it all the time :)</p>\n\n<p>Also "<a href="http://www.learningjquery.com/" rel="nofollow noreferrer">Learning jQuery</a>" blog mensioned by Sean is also very useful. Also <a href="http://jquery-howto.blogspot.com" rel="nofollow noreferrer">jQuery HowTo</a> is also has a great collection of jQuery code snippets.</p>\n'}, {'answer_id': 602418, 'author': 'Cory House', 'author_id': 26180, 'author_profile': 'https://Stackoverflow.com/users/26180', 'pm_score': 1, 'selected': False, 'text': "<p>Jquery.com is well organized and has many great examples. You don't need to buy a book. I found it easy to pickup on the fly by just referencing website's documentation. If you're someone who learns best by doing, I'd suggest this approach.</p>\n\n<p>And yes, it's absolutely worth learning. It'll save you a lot of time and you'll actually look forward to doing JavaScript work!</p>\n"}, {'answer_id': 926131, 'author': 'egyamado', 'author_id': 66493, 'author_profile': 'https://Stackoverflow.com/users/66493', 'pm_score': 2, 'selected': False, 'text': '<p>I found that these series of tutorials (<strong>“jQuery for Absolute Beginners” Video Series)</strong> by <a href="http://www.jeff-way.com/" rel="nofollow noreferrer">Jeffery Way</a> are VERY HELPFUL.</p>\n\n<p>It targets those developers who are new to jQuery. He shows how to create many cool stuff with jQuery, like animation, Creating and Removing Elements and more.</p>\n\n<p>I learned a lot from it. He shows how it\'s easy to use jQuery.\nNow I love it and I can read and understand any jQuery script even if it\'s complex.</p>\n\n<p>Here is one example I like "<strong>Resizing Text</strong>"</p>\n\n<p><strong>1- jQuery</strong>:</p>\n\n<pre><code>&lt;script language="javascript" type="text/javascript"&gt;\n    $(function() {\n        $(\'a\').click(function() {\n            var originalSize = $(\'p\').css(\'font-size\'); // Get the font size.\n            var number = parseFloat(originalSize, 10);  // That method will chop off any integer \n                                                        // from the specifid varibale "originalSize".\n            var unitOfMassure = originalSize.slice(-2); // Store the unit of massure, Pixle or Inch.\n\n            $(\'p\').css(\'font-size\', number / 1.2 + unitOfMassure);\n            if (this.id == \'larger\') {\n              $(\'p\').css(\'font-size\', number * 1.2 + unitOfMassure);\n            } // Figure out which element is triggered.\n         });\n     });\n&lt;/script&gt;\n</code></pre>\n\n<p><strong>2- CSS Styling</strong>:</p>\n\n<pre><code>&lt;style type="text/css" &gt;\n  body{ \n      margin-left:300px;text-align:center; \n      width:700px; \n      background-color:#666666;}\n  .box {\n      width:500px; \n      text-align:justify; \n      padding:5px; \n      font-family:verdana; \n      font-size:11px; \n      color:#0033FF; \n      background-color:#FFFFCC;}\n&lt;/style&gt;\n</code></pre>\n\n<p><strong>2- HTML</strong>:</p>\n\n<pre><code>&lt;div class="box"&gt;\n    &lt;a href="#" id="larger"&gt;Larger&lt;/a&gt; |\n    &lt;a href="#" id="Smaller"&gt;Smaller&lt;/a&gt;\n    &lt;p&gt;\n    In today’s video tutorial, I’ll show you how to resize text every \n    time an associated anchor tag is clicked. We’ll be examining \n    the “slice”, “parseFloat”, and “CSS” Javascript/jQuery methods.\n    &lt;/p&gt;\n&lt;/div&gt;\n</code></pre>\n\n<p>I highly recommend these tutorials:</p>\n\n<p><a href="http://blog.themeforest.net/screencasts/jquery-for-absolute-beginners-video-series/" rel="nofollow noreferrer">http://blog.themeforest.net/screencasts/jquery-for-absolute-beginners-video-series/</a></p>\n'}, {'answer_id': 3179724, 'author': 'Shaun', 'author_id': 383713, 'author_profile': 'https://Stackoverflow.com/users/383713', 'pm_score': 0, 'selected': False, 'text': '<p>Hey, I am biased in that I now work with these guys, but Carsonified offers some great resources for people learning and improving their jQuery skill set.\nJust next Monday there is an online conference on jQuery featuring John Resig himself - <a href="http://carsonified.com/online-conferences/jquery/" rel="nofollow noreferrer">http://carsonified.com/online-conferences/jquery/</a></p>\n\n<p>Also, they now offer video tutorials via their membership scheme on the Think Vitamin blog,</p>\n\n<p>I know there\'s a lot of free resource out there, I guess the difference here is the quality of the content you get. hope it\'s useful!</p>\n'}, {'answer_id': 4296278, 'author': 'Dragos Durlut', 'author_id': 249895, 'author_profile': 'https://Stackoverflow.com/users/249895', 'pm_score': 2, 'selected': False, 'text': '<p>I haven\'t seen <a href="http://jqfundamentals.com/book/book.html" rel="nofollow">JQ-Fundamentals</a> - by Rebecca Murphey mentioned anywhere here.</p>\n\n<hr>\n\n<p>It is a very good book. It also explains the fundamentals of JavaScript required to understand the basics of JQuery.</p>\n'}, {'answer_id': 6429749, 'author': 'vrluckyin', 'author_id': 449351, 'author_profile': 'https://Stackoverflow.com/users/449351', 'pm_score': 0, 'selected': False, 'text': '<p>Below link my be helpful for you if you know SQL (Only css selectors).</p>\n\n<p><a href="http://karticles.com/2011/06/learning-jquery-with-sql-basic-selectors" rel="nofollow">http://karticles.com/2011/06/learning-jquery-with-sql-basic-selectors</a></p>\n\n<p><a href="http://karticles.com/2011/06/learning-jquery-with-sql-attribute-selectors" rel="nofollow">http://karticles.com/2011/06/learning-jquery-with-sql-attribute-selectors</a></p>\n'}]
['https://Stackoverflow.com/questions/27242', 'https://Stackoverflow.com', 'https://Stackoverflow.com/users/2908/']