What is jQuery plugin

jquery plug-ins are tools written by some people using jquery. When we call them, we only need to use very little code to achieve good results. The purpose of writing jquery plug-ins is mainly to provide a series of tools that already exist. Encapsulate a method or function so that it can be reused elsewhere to facilitate later maintenance and improve development efficiency.

Let’s take a look at some commonly used jQuery plug-ins:

jQuery form validation plug-in: Validation

The most common occasion where JavScript is used is form validation, and jQuery, as an excellent JavaScript library, also provides an excellent form validation plug-in—— Validation.Validation is one of the oldest jQuery plug-ins, has been verified by different projects around the world, and has been praised by many web developers. As a standard verification method library,

Validation has the following advantages:

Built-in validation rules: required, numbers, E-Mail, URL, credit card number, etc. 19 types of built-in verification rules

Custom verification rules: You can easily customize verification rules

Simple and powerful verification information prompts: The verification information prompts are defaulted, and custom override default prompts are provided Information function

Real-time verification: Verification can be triggered through keyup or blur events, not just when the form is submitted.

jQuery form plug-in: Form

jQuery Form plug-in is an excellent Ajax form plug-in that can easily and non-invasively upgrade HTML forms to support Ajax. jQuery has two core methods - ajaxForm() and ajaxSubmit(), which combine functionality from controlling form elements to deciding how to manage the submission process. In addition, iain, the

plug-in also includes other methods:

formToArray(), formSerialize(), fieldSerialize(), fieldValue(), clearForm() and resetForm () etc.

jQuery UI plug-in

jQuery UI is derived from a jQuery plug-in - Interface. The earliest version of the Interface plug-in was 1.2, which only supported the jQuery 1.1.2 version. Later, some people reconstructed most of the Interface representatives based on the jQuery 1.2 API and unified the API. Due to major improvements, the version number is not 1.3 but jumps directly to 1.5 and is renamed jQuery UI.

jQuery UI is mainly divided into 3 parts, interaction, widgets and effects library

Interaction.Here are some content related to mouse interaction. Including dragging, placing, zooming, selecting and sorting etc. Some of the widgets are made based on these interactive components. This library requires a jQuery UI core library - ui.core.js supports

widgets.Here are mainly some interface extensions. It includes accordion navigation, autocomplete, color picker, dialog box, slider, label, calendar, magnifying glass, progress bar and spinner controller. This library requires a jQuery UI core library - ui.core.js supports the

effects library.This library is used to provide rich animation effects, so that animation is no longer limited to the animate() method. The effects library has its own core set, effects.core.js, and does not require the support of jQuery’s core library ui.core.js

Dynamic binding event plug-in: livequery

Query's event binding function enables the complete separation of jQuery code and HTML code, making the hierarchical relationship of the code clearer and easier to maintain. However, for HTML elements that are dynamically loaded into the page, events need to be re-binded to these elements every time, which is very inconvenient.

A new plug-in was born from this, namely livequery, which can be used to register the time for the corresponding DOM element or trigger the callback function. Not only will the element matched by the current selector be bound to the event, but also elements added later via JavaScript will be bound to the event. When the element no longer matches the selector, livequery will automatically cancel the event registration, so that developers no longer need to pay attention to the source of the HTML element, only how to write its bound events.

Select a DOM element through the jQuery selector, and the livequery plug-in will persist it in the entire DOM range in real time. This means that whether the element previously existed or was dynamically loaded later, the event will be bound, just like CSS styling the element. At the same time, this plug-in achieves these functions without taking up almost any resources.

The above is the detailed content of What is jQuery plugin. For more information, please follow other related articles on the PHP Chinese website!