Jquery Plugin-jquery framework-JavaScript tutorial Network
This is also an era of plug-ins. With the extensive use of jquery, a large number of jquery plug-ins have emerged, such as thickbox, ifx, and jquery-GoogleMap. These plug
jquery Plugin Development Full analysisThere are two types of jquery plugin development:One is the development of a class-level plug-in that adds a new global function to jquery, which is equivalent to adding a method to the jquery
Today, we will share with you a jquery plug-in for seamless Page scrolling. It supports top-down, bottom-up, fade-in and fade-out, scroll time setting, and animation time setting, if you are interested, you can refer to the following html SKELETON:
111
222
333
The structure is simple and clear.
The implementation principle is as follows:
P boxIt is the outermost box and specifies the width and height. Remember
:
1.jquery.myplugin = {
2.foo:function () {
3.alert (' This is a test '. This is a test. ');
4.},
5.bar:function (param) {
6.alert (' This function takes a parameter, which is ' ' + param + ' ". ');
7.}
8.};
9. A function that takes a namespace is still a global function, and the method used when invoked:
10.$.myplugin.foo ();
11.$.myplugin.bar (' Baz ');
With this technique (using a standalone plug-in name), we can avoid the conflict of functions within the namesp
1jquery Plugin Development Full analysisThere are two types of jquery plugin development:One is the development of a class-level plug-in that adds a new global function to jquery, which is equivalent to adding a method to the jquery class itself. JqueryGlobal functions are f
The extension of jquery plugins and methods is very powerful, it can save a lot of development time. This article outlines the basics of jquery plug-in development, best practices, and common pitfalls.First, Getting StartedWriting a jquery plugin starts with adding to Jquery.fn?? The new feature property, the name of t
Transferred from: http://www.cnblogs.com/gbin1/archive/2012/05/08/2489908.htmlOnline Demo Local DownloadIf you're looking for a jquery plugin that generates beautiful knobs (knob), the jquery Knob we're introducing today is definitely a good choice. It uses canvas to help us generate cool knob effects, you can use the plug-in option or the HTML5 Data property to
like thejquery corner plugin
$. Prompt ('example 11', {Prefix: 'impromptu'}). Children ('# impromptu'). Corner ();
Example 11
Give it a complete make over! Some buttons, a different prefix, a new entrance effect and some rounded corners! The CSS is in the CSS filefor this page and the slidedown effect comes in the jquery library.
$. Prompt ('example 12
Example 12
A nice light brown theme.
VaR
After learning the JQuery plug-in development, you can encapsulate your usual features into plug-ins to facilitate the use of different projects.The plug-in development tutorials on the JQuery website are good and easy to understand.There are 2 important APIs in jquery that are related to plugin authoring.
Jqu
Farbtastic is a color picker plug-in. It can add multiple color selection controls to a page, and then each control is associated with an element in the page, such as a text input box.
FarbtasticJQuery Color Picker has successfully applied these techniques to the online layout constellation on the 21st century operating network: www.21kaiyun.com
A simple color selection control. Operation Method and color selection operation in Adobe Photoshop.
IColorPicker
IColorPicker is a
Integration: http://download.csdn.net/detail/yangwei19680827/7343001jquery is really a very sharp JavaScript framework, using jquery we can make a lot of very cool and practical application plug-in, I really love jquery, the following 10 jquery plug-ins you will love.1. jquery mouse hover Darken highlight effectjquery
"}Empty = = {Validate:true, limit:5, Name: "Bar"}This overloaded method, which we typically use to overwrite the default parameters of the plugin with custom plug-in parameters when writing a plugin.JQuery.fn.extend (object) extends the set of jQuery elements to provide new methods (often used to make plug-ins).First, let's see what FN is. If you look at the jquery
JQuery form plugin jquery. form. js
Overview
JQuery Form Plugin allows you to easily upgrade forms submitted in HTML Form to forms submitted using AJAX technology.
The main methods in the plug-in are ajaxForm and ajaxSubmit, which can collect information from the form compon
Html
First we load the jquery library and the Jquery.form.js plugin. Jquery.form.js Plugin's official website address: http://www.malsup.com/jquery/form/
The code is as follows
Copy Code
Then, we add a simple form code to the body of the page:
code is as follows
copy code
name= " S
plugin.JQuery File Style.Styling an input type file.Progress Bar Plugin.Form Validation class jquery PluginJQuery Validation.Auto Help.Simple jQuery form validation.JQuery xav–form validations.JQuery alphanumeric.Masked Input.Typewatch Plugin.Text limiter for form fields.Ajax Username Check with JQuery.Form selection box class jquery PluginJQuery Combobox.JQuery
To fully reflect the easy-to-use interaction functions of the software on the UI, standalone jquery and Struts2-jquery-plugin are used for verification (available regular expressions) and auto-completion. Auto-completion is performed in real time from the database.
Independent functions are implemented. Because they are not completed on a
development of JS Plug-ins, is the same, we use a self-invoke anonymous function to write their own code wrapped up, it can! The package method is as follows:
(function () {
}) ()
Wrap it up with the top, and it's OK.
But there is another problem, when we look at Daniel's code, we often see ";" in order to avoid unnecessary errors such as code merging.
For example, we literally define a function:
var haoroomsblog=function () {
}
(function () {
}) ()
Because
Jquery-zclip is a jquery plugin that replicates content to the Clipboard, and we don't have to consider compatibility issues between different browsers and browser versions. Jquery-zclip plug-ins require Flash support and remember to install Adobe Flash Player when you use them.1.
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.