Thursday, December 17, 2009

Lesson 1: How JQuery Works

The Basics

Let’s get started on the basic in JQuery, but before that, we should know how to setup JQuery in our page. First, download the JQuery latest version in this website jquery1.3.2.js, then save the file anywhere in your computer and name it as you like. Like for this example:



Always remember, that we need to use the latest version of JQuery. It would be more advantageous to us if we use the latest version, considering that JQuery is not fully stable in terms of some functions that we are going to use during development. The latest version for now is jquery 1.3.2 and the version 1.4 is under development. We would expect something new will come in the version 1.4. Now, after downloading the latest version of JQuery, the next is to attach the JQuery file in our page. Like for this example on how to attach JQuery in our page: 



As we can see in the HTML construction, the JQuery attach next to the title tag. We put the jquery in that part because we want to follow the basic constructions in HTML Anatomy. One thing also in terms of naming the file, sometimes we are not really going to name the JQuery as jquery.js. Mostly people remain the filename as it is when they download the jquery from the site. It would also be fine, but always remember that we should also edit the src attribute according to the filename of the JQuery that we set. Also, if it happens that we put the JQuery file in an specific folder. We need to set the path of the folder where the JQuery file is placed. Like for this example of some concept of file management in our development folder:




We can see how the file being arrange in our development folder. Another thing is that, we should change the src attribute value according to the path of the JQuery file. Take a look at this src construction in terms of attaching the JQuery file.




Conclusion

At this moment, we are able to properly attach jquery file and we considered also the filename scheme in attaching the JQuery file in our page. The last one would be the proper setting of source path of JQuery whenever we put the JQuery on a separate folder or within another sub-folder.

Next Topic:

- Explaining the History of JavaScript in which plays an important role in web development.
- How to use JavaScript in the page that will serve as the foundation in using JQuery in our page.

No comments: