What is jQuery?

jQuery is a library of files that use JavaScript. jQuery is a set of functions that have simplified JavaScript programming language to make it faster and easier to use for manipulating the objects on a web page. jQuery is free and open sourced and used universally across the internet.

The features and aspects of jQuery include:

  • small file size in its compressed format
  • developed to work on the various popular browsers
  • simplifies HTML Document Object Model Transversal
  • makes event handling easier
  • allows for animation effects
  • simplifies the use of JavaScript
  • now supports CSS3 selectors
  • free downloads and open sourced
  • universally used across the internet
  • cross-platform to work on a variety of operating systems
  • allows the development of Ajax applications
  • has additional plug-ins and widgets for specific functionality

For complete documentation at jQuery.com, click here

Who are the developers of jQuery?

Who are the developers of jQuery?

jQuery is a project that is run by a group of volunteers known as "The jQuery Team". This team is dedicated to the development, quality and availability of jQuery. There is a Board of Directors, a Board of Advisors, Support Staff and subteams.

Each subteam focuses of different aspects of the jQuery Project. The teams specialize in the Infrastructure, Standards, Core, Mobile, QUnit, UI, Standards, Events, Developer Relations and Outreach for the project. There is also a long list of past jQuery Alumni that have contributed the jQuery Project in the past.

Visit jquery.org/team for a list of the members of The jQuery Team.

Where can I get jQuery files?

Where can I get jQuery files?

The free download for jQuery files can be found at:

jQuery.com/downloads

There are several different files of different releases that you can choose from. Read the documentation to be sure that you have what you need.

Google also has a library of jQuery files for public use at:

developers.google.com/speed/libraries/devguide#jquery

How do I link to the jQuery files?

How do I link to the jQuery files?

You can download the jQuery libray file or files to your own computer. Save them to a folder called js in a directory where you are going to put your jQuery practice files. In the <head> section of each practice file you will want to add the following line:

<script type="text/javascript" src="/js/jquery-1.11.1.min.js"></script>

Be sure the name of the .js file shown in the src="/" area above matches the name of the file that you downloaded from jQuery.

You can also choose to link directly to the files on the Google server. These Google library files include jQuery, jQuery Mobile and jQuery UI documentation. Click here to access the various Google Library Files for jQuery. At this link there are snippets of code that you will place in the <head> section f your practice document so that the links retreive the correct files.

Find out exactly how to link to the jQuery files in the JQ Zemplate article: Obtaining and linking to jQuery files

What can jQuery do?

What can jQuery do?

Here is a list of some of the things that using jQuery, jQuery Mobile and jQuery UI can do for the pages of your web site:

  • make changes to the site with events like mouseover or click events
  • change the color of a background or text
  • open, expand or close portions of the web page
  • change out images
  • animate objects
  • make objects fade in or fade out of view
  • check forms for complete information
  • allow for pop-up windows and dialog boxes

How is jQ.Zemplate going to help me to learn jQuery?

How is jQ.Zemplate going to help me to learn jQuery?

jQ.zemplate is not intending to replicate any existing sites that elaborate on jQuery. What we are attempting to do is present some of the information in a simplified manner that is easier for the beginning web developer to grasp. The resources for jQuery are vast, but at times are aimed for those with a great deal of coding experience. The beauty of jQuery and jQuery UI is that you don't have to be a power-coder to be able to use its functionality.

This site is divided into several sections. With each section is a series of articles to assist you with the learning process. When learning jQuery, some of the terms and concepts can seem a bit obscure until you actually apply them while creating script for a web page. You may need to refer back to reference articles while coding to get the full understanding.

Three dot cartouche

JavaScript

jQuery is written in JavaScript. The syntax and logic is often very similar, though jQuery has many shortcuts and is targeted for cross-browser appearance and functionality.

It is best to have a solid understanding of JavaScript when working with jQuery. This section introduces the basic concepts, syntax and logic of JavaScript.

Basic jQuery Concepts

This section covers the underlying concepts of jQuery. A good understanding of what is happening as the code is run can save many hours of frustration.

When you get the basics down, there is so much more that you can do with the jQuery interface.

jQuery API Methods

JQuery API Methods are convenient shortcuts for manipulation of HTML objects. They can be combined for advanced functionality.

Each jQuery API has an explanation of their use, examples for a better understanding and snippets of code that you can cut and paste elsewhere.

jQuery UI

jQuery UI is a set of library files that create widgets, interactions and effects. These files aid web developers to do common tasks that use jQuery without having to rewrite lengthy code. Some of these widgets are: accordion menus, autocomplete for forms, sliders, spinners, tabs, etc. 

This section of our website displays some of the things that you can do using jQuery UI functionality.

Tutorials

Learning by example can be the most enlightening approach. The tutorials start with easy steps with just a few methods introduced in each. Later tutorials get into more complex code for the intermediate user.

You may find it useful to come back to the tutorials just to copy and paste some of the script for other projects.

Demos

The Demo section has a variety of demos using jQuery and JavaScript. This is to highlight what all can be done with jQuery for animations, forms, games, quizzes and a multitude of other applications

Dialog

The dialog section has articles about specific uses for jQuery, discusses common problems, clever applications, and other topics.

How to ...

The How To ... section has a list of articles on how to do some commonly needed functions with JavaScript and jQuery.

Resources

The resources section allows for quick reference to resources for jQuery files. Is also has numerous reference lists for JavaScript Operators, Regular Expressions, jQuery Selectors and other things.