jquery Common Plugins

Source: Internet
Author: User

1, form validation plugin validate

The plugin comes with a validation rule that contains required, numeric, URL content, and instantly displays exception information

$ (form). Validate ({options})

Where the form parameter represents the form element name, and the options parameter represents the configuration object when the method is called, all validation rules and the location of the Yichang information display are set in the object.

2, form plug-in form

Through the form form plug-in, call the Ajaxform () method, implement Ajax way to submit form data to the server, and through the options object in the method to get the server return data

$ (form). Ajaxform ({options})

Where the form parameter represents the form element name, the options is a configuration object that is used to send the AJAX request process, set the data and parameters when sending

3, picture Lightbox plugin LightBox

The plugin can display the selected picture in a rounded way, use the button to view the top and bottom picture, bring the progress bar when loading the picture, and browse the picture in an auto-play way.

$ (linkimg). LightBox ({options})

4, picture Magnifier plugin Jqzoom

When calling the Jqzoom Picture Magnifier plug-in, you need to prepare a small two identical pictures, display small pictures in the page, when the mouse in the small picture move, call the plug-in Jqzoom method, display the same large picture area with the small picture, so as to achieve the effect of magnifying glass

$ (linkimage). Jqzoom ({options})

Where the Linkimage parameter is the A element name that contains the picture, and options is the configuration object for the plug-in method

5.cookie plug-in cookie using cookie plugin, it is convenient to save, read, delete the user's information through the cookie object, but also can save the user's browsing record through the cookie plugin.

Save: $.cookie (Key,value); read: $.cookie (key), delete: $.cookie (key,null);

Where the parameter key is the name of the saved cookie object, calue the cookie value corresponding to the name

6. Search Plugin Autocomolete

The function of the search plugin is to bind to the text box by the plugin's AutoComplete () method, and when the text box enters a character, the bound plug-in returns a string hint that is similar to the character's selection

$ (textbox). AutoComplete (Urldata,[options]);

Where the textbox parameter is the text box element name, Urldata is the similar string data returned by the plug-in, the optional parameter options are the configuration object when the plug-in method is called.

7, right-click menu plugin ContextMenu

The right-click menu plug-in can be bound to any element of the page, after binding, select the element, right-click, by changing the plugin to pop up a shortcut menu, click the menu name to do the corresponding action

$ (selector). ContextMenu (Menuid,{options})

The selector parameter is the element that binds the plug-in, MenuID is the shortcut menu element, and options is the configuration object

8, custom object-level plug-in Lifocuscolor plugin

The custom Lifocuscolor plugin can be used in the UL element, when the mouse moves through the table item Li element, customizing its background color when it gets focus.

$ (Id). Focuscolor (color)

Where the parameter ID represents the ID number of the UL element, and color indicates the background color when the LI element is selected

jquery Common Plugins

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.