Commonly used Jquery Plugin description

A, Jquery UI

JqueryUI is made official Jquery plugin, it's very powerful, but also covers a wide range, including the date, pick a color, Tab tab switching, drag the layer index is sorted, pop-up dialog layer, sliding effect, progress bars, etc. etc., but also supports a variety of color styles and a variety of filter effects. It can be said, as long as the JqueryUI how not require additional plug-ins, but its disadvantages are also functions too large, sometimes do not need to reference a function of 4-5 JS files will be added to slow down.

Two, jQuery Easing

jQuery Easing animation effects extension, it strengthened Jquery animation effect. For example slideUp, slideDown, toggle, show, hide, etc., as well as Animate. It is relatively simple to use:

$(element).slideUp({
    duration: 1000,
    easing: method,
    complete: callback
 });
$(myElement).animate({
    left: 500,
    top: 500
    },'easeOutExpo'
  ); 

Three, bgiframe

bgiframe not a type of Jquery plug-in application, but rather a restoration of BUG Jquery plugin. bgiframe plug repair is a pop-up drop-down menu layer is blocked BUG, BUG, although this is not so serious, but in the application is very annoying. bgiframe usage is very simple, as long as the desired layer not shadowed DIV application code to add:

<script type="text/javascript">
    $(function() {
    $('#box2').bgiframe();
    $('#box3').bgiframe();
    $('.fix-z-index').bgiframe();  });
</script> 

Four, Jquery.history

Jquery.history is one that can help us navigate the browser plug-in history, where the so-called operational management is not history, but URLs can store application state and restore its status.

Supported browsers: Internet Explorer 6, 7, and 8+ Safari 4 and 5+ Google Chrome 4+

五、jQuery Metadata

jQuery Metadata Plugin can metadata (metadata) class attribute of the HTML element, Random attributes, sub-elements and attributes HTML5 in data- extracted as an object and returns. such as

var Data = $ ( 'li.someclass') metadata ();. // return metadata data

六、jQuery Numberformatter

jQuery Numberformatter is a plug-in digital format, it can be all kinds of digital formats, including support for currency, scientific notation and percentages. such as

$("#salaryUS").blur(function(){
var number = $(this).parseNumber({format:"#,###.00", locale:"us"}, false);
     $("#salaryUnformatted").val(number);});

Seven, jQuery Cookie

.cookie $ ( 'name', 'value');
 // set the cookie values, the value of the variable to name value 
$ .cookie ( 'name', 'value', {Expires:. 7, path: '/' , domain: 'jquery.com', Secure: to true}); // Create a cookie valid path, including domain names, 
$ .cookie ( 'name', null );
 // delete a cookie

Eight, jQuery JSON

Named Incredibles, the jQuery JSON operating JSON data plug, as long as it comes to the delivery of data interaction JSON string will be used, it can be imagined practicality. Jquery JSON there are several key commands:.... $ ToJSON, $ evalJSON, $ secureEvalJSON, $ quoteString.

var encoded = $.toJSON( thing ); 

The brackets thing to be converted into usable objects

Nine, floatbox

Floatbox is a dialog box pop plug-in is similar to JqueryUI Dialog, but it is more comprehensive than the Dialog function. Among Dialog plug-in, I am most optimistic about this. Because of its compatibility, API are more perfect, but also good support iframe embed feature. The easiest way is to use add class = "floatbox" on the elements that need to pop in.

十、loopedslide

loopedslide is a simple plug-in slides, which support slide dot corresponding button, a next button, and a sliding and automatic, but also supports Easing effect, generally focus map site slide transitions are good enough a. And so I like that it is a custom very comprehensive and easy:

$("#slides").slides({
    container: 'container',
    slideClass: slide,
    pagination: 'pagination',
    navButtons: 'nav-buttons', 
    fadeSpeed: 400,
    slideSpeed: 250,
    animateSpeed: 200,
    autoHeight: true,
    padding: 20,
    easing: 'easeOutQuad'
}); 

Eleven, jQuery Tooltip

jQuery Tooltip is a suspension prompted label insert, which can be suspended to content prompt appears when connecting the mouse. This plugin support message text, links, images, etc., and the application is simple:

$('#set1 *').tooltip(); 

Twelve, jQuery Password Validation

Password Validation is the strength of the password prompt plug-ins, you can determine the strength of the password according to the password user-entered keywords, just like the major sites password authentication, and the user can also modify their own CSS styles to modify the display of strength, more convenient and practical .

Reproduced in: https: //www.cnblogs.com/JoannaQ/archive/2012/08/29/2661293.html