I want to learn jquery. I want to use wordpad because its free, unless you have a better idea-please let me know where to get it from if you have a better idea. I want to use firebug because its very easy to work with when debugging and developing.

I need to know how to include the jquery library when learning how to use jquery. In other words, I the have jquery library downloaded in a folder and I just need to get started on learning it. But first I need to know where to put it or how to include it when using wordpad or any other editor.

Thanks jb

2 answers


Regarding text editors, I use UltraEdit (not free) because of it's awesome built-in FTP/SFTP file opening/saving/editing abilities, it's great import/export options and easily manageable Site manager as well as other perks such as SSH shell, etc.

As far as open-source or free ones, I've used: jEdit http://www.jedit.org/index.php?page=download HTML Kit: http://www.htmlkit.com/download/ Notepad++: http://notepad-plus.sourceforge.net/uk/download.php

It's all about preference, they all have their own set of pros/cons, limitations and abilities.

Answered over 7 years ago by Gary Hepting
  • jQuery is really pretty easy to learn the basics of, use and modify. But i'll leave it to the more experienced jQuery developers to answer that branch of your question. :) Gary Hepting over 7 years ago
  • Notepad++ is what I'm using. Very true that it is about personal preference apart from features and price. o.k.w over 7 years ago
o.k.w 2355

Gary has answered your question about editor. For me, wordpad is not the ideal one, you are better well off with notepad or other free open source ones like pspad, notepad++ etc etc

The main reason being wordpad is more for editing rich text file rather than source code. If you apply formatting (which you should not in the first place) like bold, font-size to it, you will be promted to save the file as RTF or DOC. It doesn't support common source code editing features like multi-lines indention, syntax highlighting etc.

Before learning jQuery, you need to know some javascript foundation. jQuery is a javascript library. It has huge variety of methods and built-in objects which saves you lots of time compared to coding them from scratch. Google to find more how to learn javascript.

Assuming you have went through some basic javascript tutorials and are comfortable to do some simple JS stuff (e.g. mouseover to show some elements and mouseout to hide them). Now to jQuery.

You got the jQuery core library file, say 'jquery.min.js'. To use them in your html page, you need to kow the relative location of the JS file with respect to your html file. Suppose your jQuery file is in a folder names "js" and your html file is outside 'js' folder named 'mypage.html', this is how you can include it.

In case you are not aware, you can also use the one hosted by Google.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>

That's provided your working machine has connection with internet.

The <script> tag when used with the attribute src tells the browser you are using the script content from the src location. Typically this tag is placed in the <head> element or bottom of the html just before body. There are few reasons why you want to do it the former or the latter way, but they will still work nonetheless. Let's consider putting it in the head.

I can't possibly write something that can teach you learn jQuery, there are tons of resources online which can do a better job than me.

Try these:
Google search - learning jquery
jQuery documentation

Few of the jQuery features you shoud learn first are the selector concept, CSS, Attributes and Events. Ajax will be slightly more advanced, you might not need it at all. Effects are fun to play with but not a must.

The other major benefit of jQuery is the extensibility of it and the huge number of plugins written by people all over the world. jQueryUI is another one you MUST take a look too. It can overhaul your pages' entire look and feel easily when using the UI libraries.

Answered over 7 years ago by o.k.w
  • Just so you know, google is hosting jQuery 1.4.1 now, but sadly not jQuery UI 1.8 (http://code.google.com/apis/ajaxlibs/documentation/index.html#jqueryUI) Mottie over 7 years ago