JQuery Tutorials, Tips & Tricks

jQuery is a cross-browser JavaScript library designed to simplify the client-side scripting of HTML. It was released in January 2006 at BarCamp NYC by John Resig. Used by over 49% of the 10,000 most visited websites, jQuery is the most popular JavaScript library in use today.

jQuery is free, open source software, dual-licensed under the MIT License or the GNU General Public License, Version 2. jQuery’s syntax is designed to make it easier to navigate a document, select DOM elements, create animations, handle events, and develop Ajax applications. jQuery also provides capabilities for developers to create plug-ins on top of the JavaScript library. This enables developers to create abstractions for low-level interaction and animation, advanced effects and high-level, theme-able widgets. The modular approach to the jQuery framework allows the creation of powerful and dynamic web pages and web applications.

Delete Row from HTML Table by clicking it using jQuery

Delete Row from HTML Table by clicking it using jQuery
jQuery has became one of the most used and most loved JavaScript framework of all time. It not only does reduce the overhead in coding simple techniques in JavaScript, but also make your code cross browser compatible. I have written many tutorials on jquery and this time also I came with this simple plain implementation. The ...

Tutorial: Create Autocomplete feature with Java – JSP / jQuery

Tutorial: Create Autocomplete feature with Java - JSP / jQuery
Autocomplete is a common feature available in lot of web tools and services. You will find lots of implementation of autocomplete features. Let us see how can we implement a simple Autocomplete feature for Country names in Java-JSP and jQuery.Related: Spring MVC - AutoComplete tutorial with JSON & JQueryWe will use jQuery's autocomplete plugin for our example. Just go to JQuery Autocomplete ...

Create 3D tag cloud using jsTagCloud jQuery plugin

Create 3D tag cloud using jsTagCloud jQuery plugin
Tagging the content has increased the searchability of content in todays Web 2.0 world. Also similar content can be grouped together by assigning them same tags.Tag Cloud has became a good way of displaying the weighted tags in a manner easy to understand and search. You can find a lot of code written in all ...

Drag and Drop Example using jQuery JavaScript in HTML

Drag and Drop Example using jQuery JavaScript in HTML
Ever tried implementing Drag & Drop feature using JavaScript? Believe me it is quite tough and has lots of cross browser implementation issues. Using jQuery you can create simple Drag & Drop features easily and manage them well. jQuery UI provides with a vast suite of APIs that can be leveraged to create a UI with ...

jQuery tabs: Create HTML tabs using jQuery UI

jQuery tabs: Create HTML tabs using jQuery UI
HTML Tabs have became one of the most used UI components in web design. Tabs are generally used to break content into multiple sections that can be swapped to save space. Different implementation of HTML Tabs are available and jQuery UI is one of the simplest one.For adding jQuery tabs in your HTML page, first you ...

jQuery AJAX Tutorial, Example: Simplify Ajax development with jQuery

jQuery, the JavaScript library provides some powerful set of jQuery AJAX API's to handle AJAX requests. The normal way of making AJAX calls using JavaScript is a bit odd as you have to first create an XMLHttpRequest object that depends on the browser and then make an AJAX call. Also sending a form data using AJAX is also bit difficult if we use normal ...

Tutorial: Handle browser events using jQuery JavaScript framework

Tutorial: Handle browser events using jQuery JavaScript framework
Handling events in today web browser is a bit difficult part as different browser handles events in a different way. Hence to overcome these cross browser problems, one can leverage the Event handling APIs of jQuery.jQuery is a small JavaScript library that provides a vast number of APIs to handle different browser events and effects ...

How to apply HTML User Interface Effects using jQuery.

jQuery is a small and wonderful JavaScript library that I use extensively in my work. I thought to write a tutorial about achieving UI Effects through jQuery. In this post, I explained how to do fade in/fade out effect using jQuery. This time let us see all the tricks that we can do to manipulate ...

FadeIn FadeOut html text div effect using jQuery.

Web 2.0 applications have became pervasive today. Lots of new features using AJAX, JavaScript, DHTML etc have been incorporated in web applications to make them rich in user appeal. One of the framework that has changed the way we write client side code is jQuery.Let us see a simple trick to FadeIn and FadeOut a text ...

How to:Set Maxlength of Textarea using jQuery/JavaScript

Maxlength of Textarea Update: The maxlength plugin is now managed at GitHub. Please contribute to make this plugin more awesome. GitHub: https://github.com/viralpatel/jquery.maxlengthSetting up maxlength of input text are easy. Just an attribute maxlength="##" does the work. But maxlength attribute does not work with textarea. I tried writing <textarea rows="5" cols="30" maxlength="120"></textarea> but this does not works.So what to do if we want to fix ...
Page 3 of 41234