Jquery usage Summary-jquery composition and main functions 1/4

core jquery	two core things: select an element (selector) on the page and perform operations on the element (events effects CSS)
jquery UI	interface library built based on jquery core, mainly classified as the following three categories ø effects-enhanced effects beyond those provided by the core library ø interactive interactions-mouse interactions, such as drag and drop, sorting, and the like ø widget widgets-a set of commonly needed controls, such as progress bars, sliders, dialog boxes, tabs, and so on
jquery pulgin	extending jquery takes one of two forms: ø ƒ ity functions defined directly on $ (an alias for jquery) ø invoke methods to operate on a jquery wrapped set (what we 've ve been calling jquery methods)

List the standard HTML writing forms. jquery provides great support for these functions to complete various functions.

Core jquery

The specific function is detailed in the document jquery 1.4.1 cheat sheet. CHM (jquery 1.4.1 quick query table ).

This is useful when used for the first time.

Two core things: selecting an element (selector) on the page and performing operations on the element (events effects CSS)

Jquery UI content

1. The interaction-helpers category, which forms the underlying core of the library, where des the following components:

Ø draggable

Ø droppable

Ø resizable

Ø selectable

Ø sortable

2. The higher-level widgets, which often build upon the foundation provided by the lower level components, include:

Ø accordion

Ø auto complete

Ø Date Picker

Ø Dialog

Ø Slider

Tabs

3. UI effects, which was once a completely separate sister library called enchant. These effects produce different animations or transitions of targeted elements on the page.

After the jquery UI is downloaded, the development-bundle directory contains JS files differentiated by specific function categories. In this way, if you only use a specific function, you only need to include the specific one, or need all the functions, jquery-ui-1.8.4.custom.min.js is to merge ya compression version, as needed, control the Js in the network transfer size. The demos directory has a specific function usage demonstration, which can be used as a quick reference for development and use.

When using some modules, jquery. UI. Core. js must be included as the core. For example, if I only want to use button, the included script is

<SCRIPT type = "text/JavaScript" src = "http://www.cnblogs.com/ui/jquery.ui.core.js"> </SCRIPT>

<SCRIPT type = "text/JavaScript" src = "http://www.cnblogs.com/ui/jquery.ui.widget.js"> </SCRIPT>

<SCRIPT type = "text/JavaScript" src = "http://www.cnblogs.com/ui/jquery.ui.button.js"> </SCRIPT>

[Of course, these scripts can be compressed by tools during release]

There are two common examples in this library, but the jquery site has many plug-ins and extensions for download. Below are two of the better ones.

■ Jquery Treeview example-http://jquery.bassistance.de/treeview/demo/

■ Jquery menu example-http://jdsharp.us/jQuery/plugins/jdMenu/

The above contains so many UI elements, but there is a commonly used table element that is not here; don't worry, there are a lot of table plug-ins in jquery plugin.

Http://code.google.com/p/xjplugin/: jquery flexigrid, contextmenu, tree and other plug-ins function demonstration

Jqgrid http://www.trirand.com/blog/

Theme

Http://ui.jquery.com/themeroller can download existing and choose Custom theme download, this is relatively simple, in fact, is different CSS file related image resources, according to the Conventions put in a specific directory and then the page contains these CSS files, that is, a new topic is applied.

For the plug-in, you need to select the corresponding topic, otherwise it will be different.

Instance reference: http://jsfkit.codeplex.com

Since core jquery is the basis of the entire process, the following summary focuses on this. The UI and plug-ins are basically based on this specification.