Posts Tagged ‘jquery tips tricks’

jQuery :not() selector example

jQuery :not() selector example
It's been a while since I wrote about JQuery. I am spending most of my time these days on backend technologies. Recently while working on a typical requirement on UI, I had to play with some tricky JQuery selectors.Typically, most of the times we uses JQuery's class selectors or id selectors for example:$('#someid').hide(); $('div#container').css('height', '100%');$('.someclass').hide(); $('div.entry').css('height', '100%');But recently I had a requirement where I had to ...

Create a Clearable TextBox with jQuery

Create a Clearable TextBox with jQuery
Recently I came across a wonderful article by David Walsh on Clearable Textboxes with Dojo Toolkit . This is a simple implementation where a clear button (x) added in a textbox which lets user to clear the content of the textbox. I have seen this simple feature in many websites and feel its very ...

jQuery: Get the Text of Element without Child Element

While writing code in jQuery, I often use .text() method to get the content of any element from DOM. This function is straight forward, it strips off all the html element from a selected element and returns the remaining text.So for below element the .text() method will return "A quick brown fox".<div id="foo"> A quick brown fox </div> <script> $("#foo").text(); ...

Multiple Checkbox Select/Deselect using jQuery – Tutorial with Example

Multiple Checkbox Select/Deselect using jQuery - Tutorial with Example
Almost all the user interfaces that I have created had this functionality of selecting multiple items from a list to process them or delete them. Although its very very easy to implement this functionality in Javascript, using jQuery for this is real fun. I will show you a simple implementation of adding multiple checkbox select and ...

Default Text Label in Textbox using JavaScript/jQuery

Default Text Label in Textbox using JavaScript/jQuery
In one of my previous article about Change Form Textbox Style on Focus, we discussed about Usability and HCI issues. Slight change in web pages/input forms can increase user experience.Nowadays, it has became a common practice to give user labels on fields that they are editing. For example, if you see Google's custom search textbox ...

Create Simplest Accordion Menu using jQuery

Create Simplest Accordion Menu using jQuery
Let us create a simple Accordion Menu using jQuery. Accordion Menu are the menu with some animation effect. It has few top line menu items which when clicked toggles to open sub menu options. When another top level menu is selected, other open menu will automatically collapse and save useful screen area. We will use jQuery effects to animate the accordion menu. jQuery ...

20 Top jQuery Tips & Tricks for jQuery Programmers

20 Top jQuery Tips & Tricks for jQuery Programmers
Following are few very useful jQuery Tips and Tricks for all jQuery developers. I am sharing these as I think they will be very useful to you. Disclaimer: I have not written all of the below code but have collected from various sources from Internet.1. Optimize performance of complex selectors Query a subset of the DOM when using ...