Category Archives: Jquery & Javascript

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 […]

Parse JSON, XML and HTML – jQuery

In this post, find out jQuery code on how to parse JSON, parse XML and parse HTML. If you are still using custom code for parsing any of these and making your life more miserable then stop doing it. Why? If you are not aware then here is a news for you that jQuery has inbuilt utility methods for each. Which are, parseJSON() parseXML() parseHTML() Using parseJSON() This method takes a well-formed JSON string and returns the resulting JavaScript object. […]

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 […]

Simple JQuery Drop Down Menu

Drop Down menu is the crucial role playing item in any web design. Never mistake by ignoring your website drop downs because none of design can attract that smartly but a stylish looking drop down menu can do the smart work. Are you one who looking for some simplest solution of how to make a jQuery drop down menu? If yes! Luckily you’re at the right place. Our this tutorial will help newbies to learn how drop down menus work […]

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 […]

Best and Free jQuery Calendar Date Picker

No doubt jQuery is very famous and popular among the developers because of its flexibility versatility. jQuery offers many exciting features that’s why it is the most used technology in the web. Now a days, so many plugins are created by using jQuery. In those collection, we have gathered some jQuery calendar date picker plugins. These jQuery calendar date picker plugins are very smart, elegant and simple and will make your output planners and calendars even more easier for all. […]

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 […]