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
In the actual development work, always encounter like scrolling, paging, calendar and other performance of the business needs, for contact with jquery and familiar with the use of jquery, the first thing to think about is to find the existing jquery plug-ins to meet the corresponding display needs. Some of the components commonly used on the page are available in
Effect Chart:
The jquery news Ticker is a very handy jquery plugin that allows you to quickly generate such a news-market effect.
It can generate news content by listing, HTML or even RSS (which can only load the RSS feed on this site), and support playback and stop before and after. This plugin supports a range of
Article Introduction: Jquery HTML5 Uploader plug-ins use notes.
jquery HTML5 Uploader is a jquery file upload plugin that supports drag-and-drop uploads, but requires browsers to support HTML5 1. Download plugin http://www.igloolab.com/
JQuery Plugin: mask + data loading... (Features: Cover what you want to cover, cover what you want to cover), jquery mask
Data loading is involved in many projects. Data Loading may take 2-3 seconds. To give a friendly prompt, a [data loading...] is usually given ...] . Today, a prompt box is provided.
Go to the official jQue
Thanks to the tools that my colleagues can select on the loading date, after the [jquery initial experiences], I naturally thought of a bunch of jquery plug-ins.
Jquery datepicker is better-known than others. However, it seems that he has a huge function, but it is impossible to see clearly the file, style also needs to generate CSS downloading through the feat
in some menu div-defined tags, just like the following:
To create a menu, you should run the following jquery code:
jquery jquery.easyui.min.js Plugin Download
Http://down.111cn.net/down/code/jquery/2010/1023/21385.html
has not changed } } Catch(e) {}}); } initajaxdata (); Findcurrentnum (); } //Find the current page functionFindcurrentnum () {$ This. Find (' a '). each (function () { if(Parseint ($ ( This). HTML ()) = =ops.currentpage) {$ ( This). addclass (' z_paging_current '); } }); Appendele (); } //whether the attached element displays the total number of data functionAppend
There is a multiple choice of requirements, found on the Internet this plugin: MultiSelect
Https://github.com/ehynds/jquery-ui-multiselect-widget
CSDN Blog on the introduction of this plug-in, many children's shoes have asked such a question, how to get the selected value? Really a good question, because I saw the demo when also found the problem, hehe!
Let's talk about this plugin:Jquery-multiselect is b
jquery Plugin Development Tutorials--Raise your level of jquery to a stepThe most successful part of jquery, I think, is that its extensibility has attracted many developers to develop plug-ins to build an ecosystem. This is like the big companies competing to do the platform, the platform to the world. Apple, Microsof
The internet is a magical thing, where you meet like-minded friends and find anecdotes from every corner of the world. The most interesting thing is that someone can think of some strange and funny ideas, share it with the whole world, make our work easier and make our life more interesting. This is how jquery was born, and then many famous developers around the world began to create more practical and useful jque
Modify:
1. Reduce the amount of code
2. Speed up the operation of the Code;
3. Some errors that occur when loading;
4. Partial picture loading failed
5. Make the call more convenient
Hide and display wait $.fn.dload.hide ($ (' #img ')) load and display picture $.fn.dload.show (' #img ')
Multiple registrations $ (' img[org] '). Dload ();
No more $.fn.extend to extend jquery.
The previous methods are basically compatible
Only support for top
') + '! ');}})$.sayhello (); Call$.sayhello (' wayou '); Call with parameterBut this approach does not take advantage of jquery's powerful selectors, the need to work with DOM elements and to better apply the plug-in to selected elements, or to use the second development approach.the second way of jquery plugin developmentFirst look at its basic format:$.fn.pluginname = function () {Your code goes here}Thi
The jquery plugin provides a great way to save time and simplify development, avoiding programmers writing each component from scratch. However, the plug-in also introduces an unstable factor into the code. A good plug-in saves countless development time, and a bad plug-in can cause errors to be repaired longer than the actual time the component was written from scratch. Fortunately, people often have diffe
required, "Global Configuration" and "Custom", There is at least one place to implement the Cachevalidate method return res.state === ' ok", / /optional, ' localstorage ' or ' sessionstorage ', default ' Localstorage ' Timeout: 60 * 60, //optional, units per second. Default 1 hours}); /span>
$. Ajax ({ //used whenever adding a single line to an AJAX request adds a property ajaxcache:true Ajaxcachetrue/ * Others ... */});[Open source]
(""). HTML ("also can enter return this;
}
});
}) (JQuery);
Save the above code copy directly to Jquery.textareacounter.js.
Demo:
Now let's take a look at how to use the plug-in, first to reference the plug-in, the code is as follows:
Copy Code code as follows:
Page structure code:
Copy Code code as follows:
Invoke the plug-in to implement the character restriction feature of the text box contr
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.
JQuery's gradual parsing of the ScrollableGridPlugin. js (Fixed Header) plugin, jquery fixed the header
In the past, when I was writing to the front-end, what effects I needed was always used when there was something ready-made. Because I was really a little lazy and had no exploration spirit, I only paid attention to the results and did not pursue the process.
ScrollableGridPlugin. js is a plug-in with a
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.