9 Most Useful jQuery Plugins

0
47

jqueryPluginsjQuery is the most popular based on creating animation in your HTML elements nowadays. There are many jQuery plugins that have been developed by the web developers, But these are the most commonly used and very useful jQuery plugins because when you develop a website you will encounter these jQuery plugins.

 

These are the list of the most useful jQuery plugins:

advancepagingPI

Basic Implementation

/*Get the total rows in the table*/
var maxrow = 250;
/*Set the page limit*/
var pageLimit = 5;
 
/**load the method in validating the records in the page document*/
$(function () { 
 load = function() {
 window.tp = new Pagination('#pagination', {
 /*load the total rows in the table*/
 itemsCount: maxrow,
 /*load the page limit*/
 pageSize: pageLimit,
 
 /*Set the events for changing the page of records*/
 onPageChange: function (paging) { 
 var start = paging.pageSize * (paging.currentPage - 1), /*set the starting page */
 end = start + paging.pageSize, /**/
 $rows = $('#wrap').find('.data'); /*fetching data in the table*/
 $rows.hide(); /*hidding the existing rows*/
 for (var i = start; i < end; i++) {
 $rows.eq(i).show(); /*retrieving records per page*/
 }
 }
 });
 }
 load();
 });

 

datepickerPI

Basic Implementation

$(function() {
 $(".input" ).datepicker();
});

 

quickSearch

Basic Implementation

$(function () { 
 $('input#id_search').quicksearch('table#table_search tbody tr');
});

 

passCheckerPITUTs

Basic Implementation

 $(document).ready(function(){
 
 $('#form').submit(function(){
 return false;
 });
 
 $('#pass').pStrength({
 'changeBackground' : false,
 'onPasswordStrengthChanged' : function(passwordStrength, strengthPercentage) {
 if ($(this).val()) {
 $.fn.pStrength('changeBackground', "#passStats", passwordStrength); 
 if (strengthPercentage >= 0 && strengthPercentage < 34 ) { 
 $('#' + $(this).data('display')).html('weak');

 }else if (strengthPercentage >= 34 && strengthPercentage < 60 ) { 
 $('#' + $(this).data('display')).html('medium');
 }else if (strengthPercentage >= 60 && strengthPercentage <= 100 ) { 
 $('#' + $(this).data('display')).html('strong');
 }
 } else {
 $.fn.pStrength('resetStyle', "#passStats");
 $('#' + $(this).data('display')).html('');
 }
 
 },
 'onValidatePassword': function(strengthPercentage) {
 $('#' + $(this).data('display')).html(
 $('#' + $(this).data('display')).html()
 );
 
 $('#form').submit(function(){
 return true;
 });
 }
 });
 });

 

mouseEventsPIjQuery

Basic Implementation

 $("#capture-click").mousecapture({
  "down": function(e, s) {
    $(this).html("Mouse has been clicked");
   }
 });

 

tableSorterPI

Basic Implementation

$(function(){
 $('#dataTable').tablesorter();
});

 

marqueeJqueryPI

Basic Implementation

$(function(){
 $('.marquee').marquee();
});

 

HOTkEYSJqUERY

 $(document).ready(function(){
   $('input').bind('keyup', 'a', function(){
     this.value = this.value.replace('a', 'b');
   });
 });

For all students who need programmer for your thesis system or anyone who needs a sourcecode in any programming languages. You can contact me @ :

 

Email – jannopalacios@gmail.com
Mobile No. – 09305235027 – tnt

Facebook Comments
(Visited 80 times, 1 visits today)

LEAVE A REPLY

Please enter your comment!
Please enter your name here