JavaScript General Development tutorials
If actions speak louder than words, then in the JavaScript world, effects make actions speak louder still. With jQuery, we can easily add impact to our actions through a set of simple visual effects, and even craft our own, more sophisticated animations.
Related Tutorials
How to Add Flair to your Actions with jQuery
If actions speak louder than words, then in the JavaScript world, effects make actions speak louder still. With jQuery, we can easily add impact to our actions through a set of simple visual effects, and even craft our own, more sophisticated animations.
Effects with jQuery 1.3
With jQuery, we can easily add impact to our actions through a set of simple visual effects, and even craft our own, more sophisticated animations. jQuery effects certainly add flair, as is evident when we see elements gradually slide into view instead of appearing all at once. However, they can also provide important usability enhancements that help orient the user when there is some change on a page (especially common in AJAX applications). In this chapter, readers will explore a number of these effects and combine them in interesting ways. (pdf file, install Acrobat Reader to read this tutorial)
Ajax with JQuery - An Introduction with jQuery
jQuery is a well-known and famous lightweight, fast and concise JavaScript Library. jQuery simplifies various task for us like HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is great library to reduce our JavaScript coding so they quote "jQuery: The Write Less, Do More".
Add a new option to a select with jQuery
My last jQuery post looked at how to count the number of options in a select and then clear all options from the select. This post looks at how to add a new option to a select with jQuery.
jQuery UI: Add Close button to dynamically added tabs
When working with jQuery UI tabs it is really easy to dynamically add tabs. You just use UI's "add" method as specified in the documentation: .tabs( 'add' , url , label , [index] ). But there is no method for dynamically adding a close button so the tabs can be removed. Here is a quick little script I wrote to do just that.
jQuery: Selectors
In this tutorial I will be teaching you all the selectors of jQuery. jQuery is a very powerful AJAX/Javascript based framework, that can be downloaded freely (link at the bottom of the tutorial). If you wish to use jQuery, you don't need to have any knowledge of Javascript at all.
JQuery and jFlow
Good evening everybody in todays tutorial well be dabbling into some jquery. Well be intergrating a jQuery plugin called jFlow into a website .
Writing Better jQuery Code
We all know that jQuery is great, that you can do things in 2-3 lines in jQuery that you can in 20 lines of Javascript, but is your jQuery code starting to get a bit bulky? Could you do things better?
Methods for Animation Effects with jQuery 1.4
The jQuery library provides several techniques for adding animation to a web page. These include simple, standard animations that are frequently used and the ability to craft sophisticated custom effects. In this article by Karl Swedberg and Jonathan Chaffer, authors of jQuery 1.4 Reference Guide, we'll closely examine each of the pre-packaged effect methods, revealing all of the mechanisms jQuery has for providing visual feedback to the user.
jQuery UI: Highlight multiple dates in jQuery datepicker
Learn how to get events from the database via AJAX and highlight them in the jQuery UI datepicker widget.
Getting Started with AJAX in jQuery
AJAX is probably the biggest thing you can add to your site; with AJAX, you can dramatically increase functionality, and give your end users more usable web applications. But AJAX is tricky to get started with - it usually requires very complex JavaScript knowledge. In this tutorial, I'll show you how to get started with AJAX using the jQuery JavaScript framework.
jQuery TOOLS
jQuery Tools provides some UI addons to the basic jQuery Library. You can create Tabs, Accordions, Tooltips, Overlays and more using this library. The whole library fits in less than 6Kb, so you can replace all the separate libraries you are using for these functionalities by using this library.
Rounded Corners using jQuery
jQuery is slowly changing the way web designers and developers create web sites. Here is an extremely easy way to achieve rounded corners using jQuery.
Introducing the jQuery
Welcome to the first part of a seven-part series on the jQuery JavaScript library. In this article I will provide you with a quick overview of how to use the library including its helpful function and the ready method. The jQuery library allows you to build unobtrusive client-side applications with only minor effort and its syntax is simple to grasp.
Assign and remove a click handler from an element with jQuery
Click handlers can be assigned to elements easily with jQuery so when the element is clicked some particular action is run. This post looks at how to add a click handler to an element, explains how adding multiple click handlers will fire all of them, and then how to remove the click events.
jQuery Primer An Intro to Client side Functionality
If you go by their website jQuery touts itself as being able to do damn near everything. And in truth, it does. It simplifies otherwise tedious tasks and allows you to add huge amounts of functionality to your website without much code. What it IS, however, is a Framework that provides you the ability to perform these tedious tasks in a way thats simple and concise while achieving cross browser support. This means that you can write your code quickly while knowing that it will work exactly how you expect it to in every browser .
Five Ways to Spice Up Your Site with jQuery
Javascript frameworks aren't just a path to AJAX without understanding XMLHttpRequest - mature libraries like jQuery are being across the board to improve usability, enhance accessibility and open doors to features you never thought were possible. With its inclusion in the ASP.NET platform, jQuery is now an accepted standard in all web development. In this tutorial, I'll show you five quick tips for spicing up your site, often without a single change to your existing code.
Smooth Scrolling with jQuery
jQuery is a javascript library developed to make adding effects to websites very simple. A very popular option that you will find on websites is a link at the bottom of a page that says "top." When you click it, it will bring you to the top of the page very quickly. We can use jQuery to spice up this action my making the page scroll smoothly back to the top.
Jquery CSS Style Switcher
This tutorial will explain how to create a better jQuery stylesheet switcher. We'll simply change some colours for the user.
AJAX - jQuery Content Loading
Using jQuery (Lightweight JS Library) to load content from an external PHP file!
jQuery from Noob to Ninja: Selectors and Traversing
If you want to use jQuery, you won't come far without learning how to access elements. In this tutorial I will show how to access an element, and access child nodes. Also we will be comparing this to the oldschool javascript way of doing things.
jQuery ClippedImage plugin
This is a jQuery plug-in for displaying clipped image by providing the url, width, height, left and top the image being clipped.
JQuery fading menu
Learn how to create a JQuery navigation with a fading image hover effect. Complete step by step guide.
JQuery Autocomplete
Use jQuery to make a "Google style" autocomplete function for your forms. Help your visitors find things by searching in a database table for suggestions as they type and showing the results dynamically.
Enable JavaScript specific CSS with one line of jQuery
jQuery is by far my favorite JavaScript framework in terms of simplicity and just pure DOM power. I picked up a little trick at a conference quite a few months back and improved upon it and thought it could benefit anyone that believes in the mantra of progressive enhancement.
Specify multiple selectors with jQuery
jQuery post is a quick tip for writing more concise code, which is to specify multiple selectors using commas if the same function should be applied to multiple elements.
JQuery fade in fade out
create a fade in, fade out effect on images,divs and text using simple jquery.
Animated Sharing Bar With jQuery and CSS
We are doing just that, by using pure JavaScript with the jQuery framework, to make an animated sharing bar, which will enable your website visitors to share posts on a number of social networks.
The Simple, Quick, and Small jQuery HTML Form Validation Solution
This is a tutorial on how to write a live validation script for HTML form inputs using jQuery.
JQuery sliding menu
Learn how to create a button with a built in JQuery sliding menu similar to the on on PSDTUTS. Complete step-by-step. Example Included.
Default Form Values with jQuery
Here's a useful jQuery snippet that clears the default values of form fields on focus and refills them if no text is entered. It uses the attribute called defaultValue which stores the original value of a form field.
jQuery Lens plugins for showing lens inside an img
This is a jQuery plug-in displaying a lens and detecting the relative mouse position inside an image. Combining this plug-in with others plugin can format powerful tools, e.g. photo-chopping, zooming, CAD, etc.
Prevent double submit with jQuery
Another great little solution with jQuery. Needed a simple way to protect all the forms on our site from being double submitted. There was an attempted solution in place on our app, that added an onsubmit to every form with a function above it called ignore DoubleSubmit that tried to trap the event of the button was clicked and not allow it to be clicked again.
Google Buzz Widget - A jQuery Plugin
This is a jQuery widget for the brand new social network -Google Buzz- that you can embed anywhere to integrate your buzz stream into your page.
Rounded Corners using jQuery
Here is an extremely easy way to achieve rounded corners using jQuery.
Using Jquery to create an awesome registration page
In this tutorial we'll be using a number of Jquery functions to create a registration page that functions. Username availability, Password match and Email validation.
jQuery UI Accordion Widget Partt1
In this article we’ll be looking into a jQuery UI Accordion Widget. The accordion widget is another UI widget made up of a series of containers for your content, all of which are closed except for one.
A jQuery Twitter Ticker
In this tutorial we are going to create a pure jQuery & CSS twitter ticker which utilizes Twitters Search API. It will show your or your friends latest tweets, and will not require any server side code or databases. As a result, the ticker will be easily included into any web page and easily modified to your likings .
jQuery defaultText plugin for showing predef text
This is a jQuery plug-in designed for handling textbox. A "default" message will be displayed in the text box, by pressing any key or focus on the box, the default Text will be disappeared.
jQuery Loader plugin for images and div(s)
This is a simple but hard to find plugin that should be appeared in all the dynamic images or layers for any carefully designed-website. By simply apply the addLoader() function from any jQuery result for images and/or div, there will appear a loading image before loading of file is completed.
 
Categories