ITSourceCode.com

We Exist to Provide 100% Free Source Code and Tutorials

Custom Search

9 Most Useful jQuery Plugins

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

Check Your Domain Ranking

Leave a Reply

Your email address will not be published. Required fields are marked *

ITSourceCode.com © 2016 Frontier Theme

Subscribe For Latest Updates

Signup for our newsletter and get notified when we publish new articles for free!