How to get started with jQuery?

I took a book from the Wrox press, Getting started developing Javascript and CSS using jQuery . I liked it because the code examples do not handle jQ in a vacuum, they include all html, css and scripts for implementing relatively complex ui elements, cross-browser CSS hacks and all.

For example, it creates a clone of the OS X Finder with drag and drop "files" and shows how to create all the behaviors that the Finder executes. Select, drag and drop to folders, etc.

Once you understand the basics of how jQuery does things (selectors / traversal, implicit loop, chaining methods, event handling, how this handled), you can move from n00b to pretty quickly. Everything goes well and the online documentation is great.

+4

jasongetsdown Jul 23 '10 at 13:35

source share

With documentation on jQuery website

+3

Quentin Jul 23 '10 at 13:14

source share

I heard about a tool, I think that FireQuery , which allows you to open a web page and try jQuery on it (whether it has been used before or not), try out the selector, etc. and see the effects that he may have. It is probably worth a look.

(This is a Firebug plugin that works with Firefox, BTW).

+2

Grant crofton Jul 23 '10 at 13:17

source share

There are good books too. Take a look at https://stackoverflow.com/questions/96818/best-jquery-book-jquery-in-action-vs-learning-jquery

+2

Stuartlc Jul 23 '10 at 13:27

source share

A few more resources can be found at http://www.learningjquery.com/

JQuery Basics is a good open source book on the subject.

+2

second Jul 23 '10 at 13:31

source share

I always had a problem with online documents or e-books, to a lot of window switching. I found that for me there were several well-structured books (Packt Publishing Learning jQuery and Packt Publishing jQuery Reference Guide in my case) was the best way. Not to mention the fact that I can keep it on my desk, and not occupy part of the screen.

Good luck.

+2

Albion Jul 23 '10 at 14:02

source share

If you use jquery with asp.net then Rick Strahl has an excellent presentation on this subject along with live code examples: http://www.west-wind.com/weblog/posts/459197.aspx

+1

gillyb Jul 23 '10 at 13:42

source share

I used jQuery in action . It was a great book. In addition, there are many blogs and forums with useful jQuery information. After you get the basics, you can more or less simply go into the project and problems with Google, as they appear, since there are many solutions that you can take and take.

+1

wshato Jul 23 '10 at 13:43

source share

I would suggest you read them and step by step to an advanced level:

And finally, the book that I love (you can read at any time):

JQuery Training

alt text http://www.ebookchm.com/screen/it-ebooks/learning-jquery.jpg

Additional resources:

+1

Sarfraz Jul 23 '10 at 13:49

source share

Sitepoint's "jQuery Novice to Ninja" is a decent read and has been free for some time. If you already know Javascript, you're halfway to jQuery. Free online tutorials to learn things directly. buildinternet.com is a great place for pointless jQuery tutorials.

+1

harkmylord Jul 23 '10 at 17:53

source share

I found the best option when trying to learn a new structure - to solve the problem that the infrastructure is trying to solve. Learning for the sake of learning is never so productive. If you have a good understanding of the Javascript language, you can see the benefits of all available frameworks. The free YUI theater talks with Douglas Crockford and as a product, his book (JavaScript: The Good Parts) gives a good idea of the simplicity of the language. Once you understand Javascript, you will not have problems with jQuery, and you will admire the abstractions that it gives you to work on the DOM.

0

Chris balogh Jul 23 '10 at 14:45

source share

I heard about the tool, I think that FireQuery , which allows you to open a web page and try jQuery on it (regardless of whether it was originally used or not), try out the selector, etc. and see the effects that he may have. It is probably worth a look.

(This is a Firebug plugin that works with Firefox, BTW).

-1

xcbxbzx Sep 13 '13 at 10:21

source share

Alex c · Accepted Answer · 2010-07-23T14:01:47+0000

As already mentioned, there are tutorials on bajon. They are all good choices, but the way I decided to learn is to do it.

These are the steps I took:

Decide what you want to add to the page using jQuery (in particular, look at the jQuery user interface, possibly the accordion, tabs, etc.) for examples of what I did with TABS and jQ, take a look at http: // itsalldiet.com/tools )
Go to the jQueryUI documentation (as mentioned by many others), but in my example, I would say that you need to go here: http://jqueryui.com/demos/tabs/
Click View Source
Copy and paste the source code into your own website.
Change it a little to suit your goals.
Decide that he is still not quite doing what you want.
Check out the other options you can play with.
Get closer, but not quite close ...
Start reading about accessing the DOM directly and scroll through each item on the page using the CCS Selector syntax (here: http://www.w3.org/TR/css3-selectors/ as soon as you start hanging it, you're basically a ninja):
$ ('a [href = ~ Foo] [display = no]') each (function (a) {a.slidetoggle ()}) ;.

jQuery, like any new language, may seem overwhelming at first. This, however, once you get the hang of it, is pretty fun. I also really like the prototype. You might also want to check this out.

How to get started with jQuery?

More articles: