jQuery By Example Blog Posts

• What's new in jQuery 2.0
  on Apr 19, 2013 in jQuery 2.0 jQuery
  You asked for it, you got it: jQuery 2.0 has arrived! Oh Yes!! jQuery 2.0 is finally released and this version leaves behind the older Internet Explorer 6, 7, and 8 browsers. jQuery 2.0 is intended for the modern web. But don’t worry, the jQuery te...
• Direct vs Delegated Events with jQuery on() method
  on Apr 18, 2013 in jQuery Tips jQuery 1.7 jQuery Events jQuery jQuery For Beginners
  jQuery added a new method called  on()  in release 1.7 which provides all functionality for attaching event handlers. And it has made other event handler event like live() and delegate() dead. This method was introduced due to performa...
• Calculate difference/sum of label values using jQuery
  on Apr 17, 2013 in jQuery Codes jQuery
  In this post, find jQuery code to calculate difference in label/span values. To fetch the label/span value don't use .val() or .text() method, Instead use .html() method. Related Post: Highlight label associated with text box using jQuery Difference...
• Fetch Picasa or Google Plus photos using jQuery
  on Apr 16, 2013 in Image Plugins jQuery Picasa Plugin jQuery Picasa jQuery Plugins jQuery
  In this post, I am going to share a jQuery plugin called "Pimax" which allows you to fetch photos from Google+ or Picasa account. Pimax displays a photo gallery from your Picasa/G+ albums. The Public albums are pulled from your account and displayed...
• 7 jQuery WebSite Tour Plugins
  on Apr 15, 2013 in Tour Plugins jQuery Plugins jQuery Website Tour Plugins
  In this post, find a complied list of 7 Awesome, stylish, easy and eye catching jQuery plugins to create Website Tour, interactive help, guide or providing instructions. These plugins can be used to guide users about website or demo of any product. T...
• jQuery to display/load images received from JSON file
  on Apr 12, 2013 in JSON jQuery Codes jQuery
  Today, I needed to display images received from a JSON file. The JSON file has only the path of the images. So in this post, find jQuery code to display or load images received from JSON file. Related Post: How to Read and Parse JSON using jQuery j...
• Restrict Date Range in jQuery UI DatePicker for two dates
  on Apr 10, 2013 in jQuery Validation jQuery DatePicker jQuery With ASP.NET Validation jQuery UI DatePicker jQuery UI jQuery
  In this post, you will learn how to implement validation to "Restrict Date Range in jQuery UI DatePicker" or "End Date should be greater than Start Date by few days using jQuery Date Picker". When I say few days, which means end date must be at least...
• Disable odd checkbox of Checkbox list using jQuery
  on Apr 9, 2013 in ASP.NET CheckBoxList CheckBoxList jQuery Codes jQuery
  In this post, find jQuery code to disable all the odd checkboxes in Checkbox list. When I say "odd" means checkebox placed at odd index. This can be done easily via ":odd " selector. But there is an interesting thing here. Take a look at below image.
• Delay jQuery animation by few seconds
  on Apr 8, 2013 in Jquery Code Snippets jQuery Tips jQuery Codes jQuery Effects jQuery
  I got into a situation where I needed to start the animation after 2 seconds once the mouse is on the image. In other words, need to delay the animation for 2 seconds on mouseover event. So in this post I am sharing the jQuery solution to delay the a...
• jQuery to limit number of checkboxes checked by User
  on Apr 5, 2013 in ASP.NET CheckBoxList CheckBoxList jQuery Codes jQuery
  Many time we need to limit the selection of checkboxes users can select or in other words users are not allowed to select more than a number of checkbox to give their choice. For example, out of all client side script language, user can select maximu...
• Difference between $('div') and $('<div/>') in jQuery
  on Apr 4, 2013 in jQuery Tips jQuery Interview Question jQuery
  One of my colleague who is learning jQuery asked me what is the difference between $('div') and $('<div/>') , if used as selector. To explain more, take a look at below code. $('<div/>').addClass('test'); $('div').addClass('test'); It...
• jQuery to highlight <td> when empty or no data
  on Apr 3, 2013 in jQuery Codes jQuery
  Yesterday for one of my requirement, I need to highlight all the <td> element of the table, if they are empty or contains no data. To implement this, define a CSS class called "highlight". .highlight { background-color:PaleGoldenrod; } Bas...
• jQuery: Difference between eq() and get()
  on Apr 2, 2013 in jQuery Tips jQuery Interview Question jQuery
  In this post, find out what is the difference between jQuery  eq() and  get() method. Both the methods are used to find and select single element from set of elements and they both return single "element". And they both accept single int ty...
• jQuery: Get row and column index of a GridView Cell
  on Apr 1, 2013 in ASP.NET Grid View jQuery With ASP.NET jQuery Codes GridView jQuery
  In this post, Find jQuery code to get Row Index and Column Index of ASP.NET GridView Cell on click or on mouseover event. Related Post: How to access particular cell in gridview using jQuery Get ASP.NET GridView Cell Value on Click using jQuery How...
• Cool jQuery Plugins of March 2013
  on Apr 1, 2013 in jQuery Plugin 2013 jQuery Plugins jQuery
  Today we bring a list of latest jQuery plugins released in March 2013. These jQuery plugins are really interesting and have functionality like lightbox, flexible layout, making dropdown pretty, creating side menus, 360 degree view of elements and man...
• Hide/ Disable Dates in jQuery UI Datepicker
  on Mar 21, 2013 in Date Picker jQuery DatePicker jQuery UI DatePicker jQuery UI jQuery
  In this post, find jQuery code to hide or disable specific dates in jQuery UI Datepicker. This is small but useful features. Consider a scenario, where hide all the dates for public holidays or workplace is closed. Related Post: Disable specific da...
• jQuery to get Browser Size (Width & Height)
  on Mar 19, 2013 in jQuery Browser Plugins jQuery Plugins Browser jQuery
  jQuery plugin named "sizeyThingy" can help you to get the Browser size (width and height). The good thing about this plugin is that is works with responsive design as well. Related Post: Detect Mobile Browsers using jQuery Detect Browsers using jQu...
• jQuery Validation With ASP.NET Web Forms
  on Mar 13, 2013 in jQuery Validation ASP.NET Validations Client Side Validation jQuery
  Find out jQuery code to perform validation for ASP.NET Web forms. The code includes validations for email address, phone number, date, date format, ASP.NET Drop Down, ASP.NET Textbox, ASP.NET Textbox with only number and many more validation techniqu...
• OOPS!!!! jQuery Selectors NOT working...
  on Mar 12, 2013 in jQuery Selectors jQuery Tips Selectors jQuery CSS Selectors
  OOPS!!!! jQuery Selectors NOT working.. A very common jQuery problem/issue that you must have face or may face. And there could be tons of reason of selectors not working properly like incorrect syntax, incorrect context.. But do you know there could...
• Speedo Popup - Effective and Powerful jQuery Modal Plugin
  on Mar 6, 2013 in Modal Window Plugin jQuery Modal Plugins jQuery Popup Plugins jQuery Plugins jQuery
  jQuery modal/ popup is great way to show alert, notice, information, errors, modal popups, modal windows or dialog. And there are many plugins available which are suitable enough for this job. And here is a new kid "Speedo popup" in jQuery plugin oce...