Category Archives: jquery

Installing jQuery into your web page

Including jQuery to your web page There are two ways of installing jquery to your web page Downloading jQuery file from jquery.com . Using jQuery form CDN (content Delivery Network ) . 1. Downloading jQuery File  you  can download jQuery from jquery.com There are two versions of jQuery available for downloading:    Production version –… Read More »

Introduction To jQuery

Q) What is jQuery ?A) jQuery is the highly optimized JavaScript library designed to simply the client side scripting of HTML .                                                                  OR                        In short , jQuery is write  less do more javaScript library .Note:- jQuery makes it easier and shorter to write JavaScript code. But jQuery does not replace JavaScript by an own language… Read More »

jQuery Autocompletion PHP MySQL JSON

Autocomplete is one of the most important web feature , which provides you suggestion while you type into input field , jquery provides an efficient widget called jQuery Autocompletion which is very easy simple to do it . In this tutorial we will see an autocompletion of data from MySQl database using php . Download… Read More »

Sort HTML Table Using TableSorter Plugin

In this Post We will see how to sort html table to do that we are using a jQuery plug-in called  tablesorter which turns standard HTML table with THEAD and TBODY tags into a sortable table without refreshing  page. Download            Live Demo Installing TableSorter Plugin  Include the jQuery library and… Read More »

Dynamically Add and Delete Table Rows Using Jquery

In this post we will see how to build html table dynamically using jQuery , here in this tutorial we will add rows to table on click of add button ,which will be placed at the last row of the table and every row of the table containing a remove button which will delete that… Read More »

Highlight table rows and columns on mouse over

Hovering over the table rows and columns adds a user friendly kind of impression because it improves the readability for the end user . Live Demo Firstly construct html table with data HTML index.html <html><head> <link rel=”stylesheet” type=”text/css” href=”style.css”> <script  src=”http://code.jquery.com/jquery-1.9.1.min.js” ></script></head><body><table border=’1′ cellspacing=’5′ cellpadding=’5′>  <tr>  <th>Header 1</th>  <th>Header 2</th>  <th>Header 3</th>  <th>Header 4</th>  <th>Header 5</th> </tr>  <tr> … Read More »

GuessNext Game Script With HTML and jQuery

In this tutorial We will see how to create a simple guess number game script with html and jQuery before proceeding into this tutorial i recommend you to refer the basic of the jQuery .   DOWNLOAD              DEMO  HTML file :  index.html <html><head><title>Guess Next Game</title><script type=”text/javascript” src=”jquery-2.0.2.min.js”></script><script type=”text/javascript” src=”game.js”></script><link rel=”stylesheet”… Read More »