Tag Archives: Jquery

jQuery Interview Questions and Answers

There are list of latest and updated jQuery interview questions and their answers for fresher and experienced developers. These interview question covers latest version of jQuery. These interview questions will help you to prepare for the interviews, for quick revision and provide strength to your technical skills. Q1. What is jQuery? Ans: jQuery is fast, lightweight and feature-rich client side JavaScript Library/Framework which helps in to traverse HTML DOM, make animations, add Ajax interaction, manipulate the page content, change the style and provide cool UI […]

Check and Uncheck Checkboxe in GridView using jQuery

Assume, all the checkboxes are checked when header checkbox is checked but then you uncheck one of the child checkbox then what happens to your header checkbox? It should also get unchecked. Right? That’s is where this post is different from others. In this post, find jQuery code to – Check/uncheck all child checkbox based on parent checkbox status. – Update parent checkbox status based on child checkbox status. How to do it? Bind the click event to parent checkbox […]

jQuery UI Datepicker

To set current date in control to which jQuery UI datepicker bind, use setDate() method. Pass date object which needs to be set as an argument to setDate() method. If you want to set it to current date then you can pass ‘today’ as argument. So, jQuery code to set current date may look like something similar, $(document).ready(function() { $(‘#txtDate’).datepicker(‘setDate’, ‘today’); }); But Wait!!! Above jQuery code will not work. It will not set the current date. Wondering why? Well, […]

Count Number of Elements With Jquery

There may be times when you need to work out how many times a particular element appears on a page or within a section with Javascript and this is easy to do with jQuery using the length property. Using the method in this post you can also work out if an element exists on the page with jQuery. What is correct way to count number of elements using jQuery? It can be done using .length and size() method but here […]

Find Smallest Div With Jquery

In this Article, jQuery code to find smallest/shortest div element with respect to height of div element. The jQuery code iterates through all the div elements and finds the smallest and then highlight it. Below show you the way to find smallest div The HTML code of Div: <div style="height:40px;width:200px">My height is 40px</div><br/> <div style="height:50px;width:200px">My height is 50px</div><br/> <div style="height:30px;width:200px">My height is 30px</div><br/> <div style="height:35px;width:200px">My height is 35px</div><br/> CSS Code : body { padding: 10px; } div { <strong>font</strong>-family:Calibri; <strong>font</strong>-size:12pt; […]

Sort Select list items using jQuery

In this Article, you find out jQuery code to sort dropdown list items. The items can be sorted by item’s text and also by item’s value in ascending or descending order. First create dropdown list items in html <select id="ddlList"> <option value="3">Three</option> <option value="1">One</option> <option value="0">Zero</option> <option value="2">Two</option> <option value="8">Eight</option> </select> <br/><br/> <input type="button" id="btnSort" Value="Sort Dropdown By Text" /> <input type="button" id="btnSortVal" Value="Sort Dropdown By Value" /> With above html code we create dropdown list. to give it style […]

Tooltip using jQuery UI library

Tooltips can be attached to any element. To display tooltips, one need to add title attribute to input elements and title attribute value will be used as tooltip. When you hover the element with your mouse, the title attribute is displayed in a little box next to the element. I had already posted that jQuery UI 1.90 is released and there are some widgets which are introduced with jQuery UI 1.90. One of the new widget is Tooltip. In this […]

Free and Useful jQuery Plugins for Developers

Today, we have collected amazing Free and Useful jQuery Plugins/Tutorials for Developers that you can download for free and use for your next projects. These tutorials covers features like Facebook like registration, Sign in with Google, implementing Site search with Google and others. So browser through these amazing tutorials and give them a try. 1. Facebook like Registration using jQuery 2. Sign in with Google 3. Google Powered Site Search with jQuery 4. Create a Beautiful Password Strength Meter 5. Create […]

Show Password Strength using jQuery

These days having a strong password is must have requirement. You can make your own algorithm to define what a strong password means to you. But it is nice to give a visual indication to the user about entered password strength. Here is a list of top 5 jQuery plugin that show password strength to the users and encourage them to use a strong password. Complexify Complexify is a jQuery password strength meter plugin. Complexify calculates a rating for the […]

Validate HTML Checkbox And Radio using jQuery

CheckBox HTML checkbox list is slightly different. The main problem is that it can’t be accessed using ID because every checkbox will have different ID. But they share one common attribute which is “name“. So while accessing checkboxes in jQuery, need to use “name” attribute. Let’s declare a HTML checkboxlist. <input type="checkbox" name="technologies" value="jQuery" /> jQuery <br/> <input type="checkbox" name="technologies" value="JavaScript" />JavaScript <br/> <input type="checkbox" name="technologies" value="Prototype" /> Prototype<br/> <input type="checkbox" name="technologies" value="Dojo" /> Dojo<br/> <input type="checkbox" name="technologies" value="Mootools" /> […]