J
Q
UERY
,
WRITE
LESS
…
DO
MORE
Afnan Waheed AlhindiInformation Technology DepartmentKing Saud University
A
BSTRACT
Many programmers do not need to spend time in writing a long code. From this problem the libraries were created. JavaScript has many libraries that make the programming fun. They achieve this goal by taking the code short, smart, and understandable. This paper talks about JavaScript libraries in general and it will focus in jQuery library.
Keywords
JavaScript library, jQuery.
1.I
NTRODUCTION
JavaScript libraries were produced to give programmer the ability to write the code in an easy way, and getmore powerful results. When using these libraries, the programmer only have to know the name of thefunction and its job, he do not need to learn how it is implemented. Each of these libraries has their Owenfeatures that make them powerful. One of these libraries is called jQuery, which is the subject of this paper.JQuery has many features that make them usage in different web sites.The structure of this paper is as follows: section 2 gives overview about JavaScript libraries, and why we usethem, also, it provides a comparison between some of the popular JavaScript libraries. Section 3 illustrate jQuery definition, feature and how can we use it with other library. Section 4 gives clear example of using jQuery with HTML file, and its explanation.
2. JavaScript library
2.1 JavaScript library definition
''A JavaScript library is alibraryof pre-written JavaScript controls which allow for easier development ofJavaScript-based applications, especially for AJAX and otherweb-centric technologies.''[9]There are many libraries like: jQuery, Dojo, Prototype, Yahoo UI, and Mootools. These libraries are browseronly and general purpose library .The libraries can be divide as we see in Table 1.
Open Source CommercialClient/Server
AjaxCFC.Qcodo.Atlas.Bachbase for Struts.
Browser Only
Prototype, jQuery, Yahoo UI,Dojo, Mootools.Backbase.SmartClient.
2.2 Why use JavaScript library
We can use JavaScript library for:
•
Making JavaScript simple by taking out all unnecessary code.
•
Making the job done fast.
•
Simplifies cross-browser support.
2.3 Comparison of some JavaScript framework
In Figure 1, we see that 50% from 1500 voter use jQuery library, it means that jQuery provide a very powerfuland smart code for programmer.Here some comparison between features of (jQuery, Yahoo UI, Dojo, prototype, mootools). (See Table 2).
http://www.slideshare.net/jeresig/javascript-library-overview-presentation Permission to make digital or hard copies of all or part of this work for personal or classroom use is granted without fee provided that copies are not madeor distributed for profit or commercial advantage and that copies bear this notice and the full citation on the first page. To copy otherwise, to republish, topost on servers or to redistribute to lists, requires prior specific permission.The First Mini-Conference in Web Technologies and Trends (WTT)
©
2009 Information Technology Department, CCIS, King Saud University, Riyadh, Saudi Arabia
Yes Yes Yes Yes Yes
Simple visualeffects
Yes Yes Yes Yes Yes
Animation/advanced visualeffects
Yes Yes Yes Yes Yes
EventHandling
Yes Yes Yes Yes Yes
Developer tools
Yes Yes Yes Yes Yes
XMLHTTPRequestdataretrieval(AJAX)
Yes Yes Yes Yes Yes
Accessibility
Yes Yes - - Yes
File Size
27 15 19 20 30
Browser support
IE 6+,FireFox1.5+ Safari3, Opera9+IE 6+,FireFox 2+ ,Safari 2+,Opera 9+IE 6+,FireFox 1.5+ ,Safari 2+,Opera 9+IE 6+,FireFox 2+, Safari 2+,Opera9.25+IE 6+,FireFox 2 ,Safari 3,Opera 9+The libraries do not merge because it is really hard to have a unified backend, every library fixes differentproblems and a combined library would be very big.
3.
J
Q
UERY
3.1 jQuery overview
'' JQuery is a lightweight JavaScript library that emphasize interaction between JavaScript and HTML'' [9]. Itis created by John Resig in January 2006, it has 1/4 million visitor per month. It consists of 26 classes and4621 lines of code. When you write JavaScript code, you usually have to spend time dealing with browserand operating system incompatibility, but jQuery handles this for you. It is compatible with: IE 6+, Firefox 2+,Safari 2.0+, and Opera 9+. JQuery implemented in Java as plug-in to the Eclipse platform. It supportskeyboard, screen reader accessible, and it is a grant from Mozila Foundation to implement ARIA (AccessibleRich Internet Applications).JQuery makes JavaScript very simple by taking out all unnecessary code, and leaving them short, smart andunderstandable. Here is the brief example comparing between the JavaScript code with and without using jQuey. (Without using jQuery) Document.getElementById (''id''). (with jQuery) $(#''id'').
3.2 Who is using jQuery
There are a lot of web sites using jQuery like: Google, Dell, Microsoft, Amazon, Digg, Wordpress, Mozila, andBank of America …..Etc.
of 00
Final
2,014 Reads
Info and Rating
| Category: | |
| Rating: | (1 Rating) |
| Upload Date: | 02/24/2009 |
| Copyright: | Attribution Non-commercial |
| Tags: |
Leave a Comment