Plugins:
(v)sprintf
Last changed: 10 weeks 1 day ago
Implements both a somewhat stripped down "classic" version of the C sprintf (no support for width, sign, padding and flags), and a python-like one employing named parameters.
Why another implementation, when we already have one? well:
- size: 2262 bytes;
- features: I wanted named arguments, like in python;
- license: the existing implementation uses a BSD license, I wanted GPL;
- and fun, of course.
Usage
//sprintf
//positional arguments
var classic = $.sprintf('%s %d%% %.3f', 'string', 40, 3.141593);
// classic = 'string 40% 3.142'
//named arguments
var named = $.sprintf('%(name)s: %(value)d', {name: 'age', value: 40});
// named = 'age: 40'
//vsprintf
var classic = $.vsprintf('%s %d%% %.3f', ['string', 40, 3.141593]);
// classic = 'string 40% 3.142'
//named arguments
| Version | Date | Links |
|---|---|---|
| 1.0.2 | 2008-Mar-03 |
Accessible
Last changed: 19 weeks 5 days ago
What is this ?
- This plugin aims to be a collection of snippets that improve accessibility for websites.
- It also includes a set of "recommendations" coded as tests to improve accessibilty (even beyond javascript).
- These recommendations can be tested against a page, and get a summary of the results.
How to use it ?
- First add a call to jquery.js (duh!).
- Add jquery.accessible.js. This contains the engine for rules/fixes and a set of predefined ones.
- Right after this, you are ready to run the fixes by calling jQuery.accessible(). You can pass in a hash to specify, with the id and true or false, which ones to run.
IMPORTANT: don't call this function inside document.ready, call it right away instead.
If you want to run the tests in your page:
- Add jquery.accessible.validator.js after jquery.accessible.js.
| Version | Date | Links |
|---|---|---|
| 0.1.0-dev | 2007-Dec-27 |
Ajax Manager (block, abort, queue, synchronize)
Last changed: 3 weeks 2 days ago
Helps you to manage Ajax requests and responses (i.e. abort requests, block requests, order responses).
| Version | Date | Links |
|---|---|---|
| 1.0.1-beta | 2008-Apr-15 | |
| 1.1.0 | 2008-Apr-20 |
Background-Position Animations
Last changed: 8 weeks 5 days ago
Adds the ability to do background-position animations to jQuery 1.2, and newer.
$('#background').animate({backgroundPosition: '(150px 250px)'});
| Version | Date | Links |
|---|---|---|
| 1.0.0 | 2007-Oct-07 | |
| 1.0.2 | 2008-Mar-13 |
Basic XPath
Last changed: 35 weeks 2 days ago
This plugin adds in basic XPath selector functionality, compatible with jQuery 1.1.
| Version | Date | Links |
|---|---|---|
| 1.0 | 2007-Sep-09 |
Batch
Last changed: 4 days 4 hours ago
Batch is a plugin that allows you to batch the results of any jQuery method, plugin into an array. By default the batch plugin aliases the getter methods in jQuery by adding an 's' to the end (attrs, offsets, vals ...). You can also just call $(...).batch('methodName', arg1, arg*n).
| Version | Date | Links |
|---|---|---|
| 1.0.1 | 2008-May-09 |
Browser
Last changed: 11 weeks 5 days ago
jQuery Browser Plugin lets you extend browser detection capabilities and implements CSS browser selectors in jQuery. jQuery is a lightweight JavaScript library that emphasizes interaction between JavaScript and HTML, allowing you to easily include many components that enrich and benefit the developer's coding experience.
| Version | Date | Links |
|---|---|---|
| 1.0.01-Minified | 2008-Feb-14 | |
| 1.1-Minified | 2008-Feb-21 |
Bubble
Last changed: 33 weeks 1 day ago
This plugin adds bubbling functionality to jQuery. The code is similar to jQuery.fn.trigger's because it's meant to extend it. It also generates it's own event object, that will remain untouched through the bubbling, meaning it's safe to attach attributes to it and grab them with the ancestors while the event bubbles up.
I tried to use jQuery's core functions as much as possible, but most functions I needed were not compatible, and would destroy the custom event object, still the code remains short.
NOTES:
- jQuery.Bubble 1.0 was tested with jQuery 1.3.1 and it's compatible with it's event system.
- jQuery.Bubble 1.2 and further versions will stick to the new system(1.2 's).
| Version | Date | Links |
|---|---|---|
| 1.0 | 2007-Aug-25 | |
| 1.2 | 2007-Sep-25 |
Collection
Last changed: 15 weeks 21 hours ago
This plugin generates generic collection classes, that work almost exactly as jQuery does.
These collections include all those jQuery functions, that are used to manipulate the collection itself.
The included built-in functions are:
add, andSelf, attr, each, end, eq, extend, filter, get, implement, include, index, init, is, map, not, pushStack, setArray, size and slice.Every collection will have a build() function, that will create a new collection class, that inherits from the caller. $.collection is a collection class by itself. So other collections will inherit from it, or its subclasses.
With this plugin, you can manipulate native data types like String or Array, with your custom methods, without actually modifying their prototype. This is shown in some of the examples below.
If you want additional information and more details about some of the methods.
| Version | Date | Links |
|---|---|---|
| 1.0.3 | 2008-Jan-29 |
Color Animations
Last changed: 35 weeks 2 days ago
Adds the ability to do color animations to jQuery 1.2, and newer.
| Version | Date | Links |
|---|---|---|
| 1.0 | 2007-Sep-09 |
Default Animation Speed
Last changed: 19 weeks 4 days ago
This is a very simple plugin that allows you to set the default animation duration for all jQuery animations. As of this writing, jQuery 1.2.1 uses a hard-coded value of 400 milliseconds, with no-built in way to set the default (although it is easy enough to get the default.) I needed to be able to set this default globally and on-the-fly for an internal company project, so I decided to do it "the right way" and release it in case anyone else has the same problem.
The plugin adds one function to the global jQuery object (it is not chainable.) It accepts a single parameter, which is any valid animation speed setting.
Calling the function without any parameters or with invalid value will set the animation speed back to the default. The function returns the default animation speed as an integer.
You call the function like this:
$.setDefaultAnimationSpeed("slow");
| Version | Date | Links |
|---|---|---|
| 1.0.1 | 2007-Dec-28 |
Dimensions
Last changed: 20 weeks 5 days ago
Extends jQuery to provide dimension-centric methods for getting widths, heights, offsets and more.
| Version | Date | Links |
|---|---|---|
| 0.9.0 | 2007-Apr-30 | |
| 1.1.2 | 2007-Aug-17 | |
| 1.2.0 | 2007-Dec-20 |
EUReCa : Easy, Unobstructive Remote Call
EUReCa is library that allows to call server side function (php, .Net ...etc) as javascript ones.
the first alpha release implements a php only version and shows a preview of some features.
a PHP and .Net callers will be maintained, other languages (python, ruby, ...etc) can be supported later.
the idea is simple
you keep your server side functions unchanged
<?php
function foo($stringVar, $intVar)
{
Do_Some_Server_Side_processing($stringVar);
Process_int_var($intVar);
return more_processing();
}
?>you declare witch functions you want to export (see the demo for details)
then you call your function from javascrpt
var eurecaObj = $.EUReCa({target : '#target'});
eurecaObj.foo('mystring', 55); | Version | Date | Links |
|---|---|---|
| 0.2-alpha | 2008-Apr-23 |
fastID
Last changed: 45 weeks 2 days ago
Note: this plugin has become redundant with jQuery 1.1.4, as the fix has been included!
This plugin speeds up use of $('#id'). Use of $('#id') may be anywhere
between 10 and 40 times slower than using $(document.getElementById('id')), depending
on the browser used. I don't know about you, but I personally use $('#id') a lot and
really need the speed up. With this plugin, $('#id') is typically only up to 10%
slower than $(document.getElementById('id')), and often not even measurable (110%
vs 4000%, not bad I would say!).
Note #1: Thanks to rformato for the improved RegEx.
Note #2: Though 1.1.3 speeds this up a little bit compared to 1.1.2, it's still very slow.
| Version | Date | Links |
|---|---|---|
| 1.0.0 | 2007-Jul-01 |
FastTrigger
Last changed: 5 weeks 3 days ago
What is it
This small plugin includes a clean and simplified version of jQuery.trigger, that will perform better and will specially scale better.
How is this achieved
Many useless steps are skipped when programatically triggering an event, this step that jQuery does no matter what, are not really necessary for triggered events, and some of them hit on perfomance badly. Most of them are not optimized for speed and scalability, but for reusability and code size.
Differences with trigger
This method supports array of data (can include an event object), namespaced events and exclusive triggering. The only known difference with jQuery.trigger is that this method doesn't trigger native handlers, so it's actually comparable to .triggerHandler().
Perfomance
This is method is at least 4 times faster than the regular trigger, and will scale much better as you call it on more elements at once.
Global triggering
| Version | Date | Links |
|---|---|---|
| 1.0.0 | 2008-Apr-05 |
FlyDOM: Create DOM on the Fly
Last changed: 41 weeks 2 days ago
Create DOM elements on the fly and automatically append or prepend them to another DOM object. There are also template functions (tplAppend and tplPrepend) that can take a simple HTML structure and apply a JSON object to it to make creating layouts MUCH easier. This plugin was inspired by "Oslow" [1], and since I could not get his code to work, I decided I write my own plugin. My hope is that this version will be easier to understand and maintain with future versions of jQuery. Update (July 13, 2007): Upgraded FlyDOM to 3.0; visit the FlyDOM homepage for more details.
| Version | Date | Links |
|---|---|---|
| 3.0.6 | 2007-Jul-17 | |
| 3.0.8 | 2007-Jul-29 |
FullHTML
Last changed: 9 weeks 6 days ago
The FullHTML plugin allows you to access the HTML code of an element, including the element itself. This plugin is read-only - you cannot set the full html of an object, only read it.
An example is, with the following code:
<div id="myDiv"><b>some</b><i>text</i></div>
Using the built-in html() you would be presented with:
<b>some</b><i>text</i>
With this plugin, fullhtml() you would be presented with:
<div id="myDiv"><b>some</b><i>text</i></div>
| Version | Date | Links |
|---|---|---|
| 1.0 | 2008-Mar-05 |
Fx Queues
Last changed: 8 weeks 1 day ago
Introduction
The jQuery Fx Queues plugin is a global queueing system that
allows to enqueue effects of different elements, but also keeps jQuery’s default
queueing option.
A wait argument was also added to be able to
specify the time to wait before starting the animation.
New arguments added to animate:
- queue: (string) Name of the queue. If it doesn’t exist, it creates the new queue.
- scope: (string) Name of the scope.
- position: (”front”|”end”) Queue position where animation (or scope, if passed) is queued.
- preDelay: (int) Milliseconds to wait before starting the next in queue.
- postDelay: (int) Milliseconds to wait after finishing the animation.
Working with the queues
| Version | Date | Links |
|---|---|---|
| 2.0.1 | 2008-Mar-14 | |
| 2.0.2 | 2008-Mar-17 |
gettext
Last changed: 10 weeks 1 day ago
This plugin provides basic gettext support for jQuery apps. It loads JSON data, which can be generated easily from standard gettext .po/.mo files. Why go through the additional hassle of .po files? For a small app that needs i18n, one could write the json directly. However, the main advantages I see to gettext are:
- well known editing tools like KBabel, poEdit, gtranslator, Emacs PO mode, etc.
- translation memory, fuzzy matches and other features that become really helpful when your application is big and you have hundreds of strings
| Version | Date | Links |
|---|---|---|
| 1.0.4 | 2008-Mar-03 |
HotKeys
Last changed: 34 weeks 3 days ago
HotKeys is a keyboard hooker plug-in.
May you find this useful in cases of:
- Powering your Ajax applications with keyboard short-cuts such as Ctrl+x, Alt+y, Shift+z, etc.
- Games development with Javascript + jQuery
HotKeys lets you easily add and remove handlers for keyboard events anywhere in your code supporting almost *any* keys combination.
It takes a single line of code to bind or unbind a hot key.
Binding 'Ctrl+c'
$.hotkeys.add('Ctrl+c', function(){ alert('copy anyone?');});Unbinding 'Ctrl+c'
$.hotkeys.remove('Ctrl+c');Live demo at: http://jshotkeys.googlepages.com/test-static.html
Update:New Version (0.5) Available at: http://code.google.com/p/js-hotkeys/downloads/list
| Version | Date | Links |
|---|---|---|
| 0.2.0 | 2007-Sep-15 | |
| 0.2.0 | 2007-Sep-15 |
Idiot Proof
Last changed: 8 weeks 2 days ago
Simple plugin that alerts you if you're trying to access the DOM without the $(document).ready() function when the DOM isn't finished.
Designed to help the developer making silly mistakes!
The code monkeypatches the find method and then reverses itself out when it's not needed.
| Version | Date | Links |
|---|---|---|
| 1 | 2008-Mar-16 |
ifModified-Etag
Last changed: 45 weeks 2 days ago
This plugin provides Etag support to jQuery AJAX calls that have ifModified set.
Note: I don't advise using this plugin with a jQuery 1.2 unless this page states
otherwise by the time it is released. This functionality may be incorporated into 1.2 itself.
Documentation: None necessary. Just include the javascript and Etag will be supported alongside
Last-Modified method of caching.
Compatibility: 1.1.2*, 1.1.3a, 1.1.3
* only tested with older version of plugin
| Version | Date | Links |
|---|---|---|
| 1.0.0 | 2007-Jul-01 |
Image Scroller
Last changed: 23 weeks 6 days ago
A simply image viewer that allows you places images in a horizontal box, you can move them by 'prev' or 'next' button, and it can auto-scrolling.
| Version | Date | Links |
|---|---|---|
| 2007-Nov-28 |
Intercept
Last changed: 9 weeks 1 day ago
This plugin simplifies the use of Event Delegation with multiple different descendants.
This concept is very useful for pages with dynamic content (f.e: AHAH) where DOM elements are created and removed constantly, requiring re-binding.
This method also saves a lot of resources, as it uses less event handlers to achieve the same objective.
It can be used in 2 ways:(I will exemplify with a table)
$('table')
.intercept('click', 'tr', function(e){...})
.intercept('click', 'td.happy', function(e){...})
.intercept('click', '#something', function(e){...});or
$('table').intercept('click', {
tr: function(e){...},
'td.happy': function(e){...},
'#something': function(e){...}
});By calling intercept on the same element/event, the new handler/s are appended to the old list.
| Version | Date | Links |
|---|---|---|
| 1.0.1 | 2007-Aug-24 | |
| 1.0.2 | 2007-Sep-11 | |
| 1.1.2 | 2008-Mar-10 |
iPhone
Last changed: 3 weeks 19 hours ago
jQuery iPhone Plugin extends jQuery's functionality for specific iPhone usages.
| Version | Date | Links |
|---|---|---|
| 0.1.2-AIO | 2008-Apr-22 |
JavaScript Localisation
Last changed: 32 weeks 4 days ago
Automatically load localisation packages for your JavaScript. Defaults to the browser's language setting, but may be overridden.
| Version | Date | Links |
|---|---|---|
| 1.0.1 | 2007-Sep-02 | |
| 1.0.2 | 2007-Sep-29 |
jGlycy
Last changed: 2 weeks 1 day ago
About jGlycy
jGlycy is a simple jQuery plugin. This plugin calls other any typical-interfaced-plugins automatically when document ready.
For instance, you can put "jg" attribute into your (x)html like below;
<div jg="cycle">
<img src="/your/path/to/img01.gif" />
<img src="/your/path/to/img02.gif" />
<img src="/your/path/to/img03.gif" />
</div>jGlycy calls jQuery method like this;
$('div').cycle();You (or your team's designers) don't have to write JavaScript? any more.
How it works
When document ready, jGlycy picks up elements which have "jg" attributes. Then the plugin confirms if your jQuery object has the method names the value of the attribute. In this example, jGlycy calls "cycle" method, if jQuery object has this method.
Furthermore, you can put object-type options for the method like below;
| Version | Date | Links |
|---|---|---|
| 1.0.0-rc | 2008-Apr-29 |
jMaps Framework
Last changed: 3 weeks 2 days ago
The JMaps Framework is a jQuery plugin that provides a simple but powerful API for Google's mapping services.
It provides a simple jQuery way to do functions such as:
* Geocode any address in the world via Google's geocoding API
* Search for directions to and from any location
* Add and remove Markers
* Add and remove polygons and polylines
* Add and remove graphic layers on the map
* Add and remove Google adsense layers
* Add and remove Traffic layers
* Get information back such as map center, map size, map type, etc
And many more.
| Version | Date | Links |
|---|---|---|
| 3.0.0-Release Candidate 1 | 2008-Apr-21 | |
| 1.4 | 2007-Aug-13 | |
| 3.0.0-Beta | 2008-Apr-20 |
jQuery 1.0 Compatibility Plugin
Last changed: 35 weeks 2 days ago
This is the plugin that you would use, with jQuery 1.1, in order to have functionality like jQuery 1.0.
| Version | Date | Links |
|---|---|---|
| 1.0 | 2007-Sep-09 |
jQuery 1.1 Compatibility Plugin
Last changed: 35 weeks 2 days ago
This is the plugin that you would use, with jQuery 1.2, in order to have functionality like jQuery 1.1.
| Version | Date | Links |
|---|---|---|
| 1.0 | 2007-Sep-09 |
jQuery AOP
Last changed: 7 weeks 2 days ago
jQuery AOP is a very small plugin that adds features of aspect-oriented programming (AOP) to jQuery. It allows to add advices (Before, After, Around and Introduction) to any global or instance object.
Features
- Allows to add Before, After,Around and Introduction advices.
- Allows to define point-cuts using regex to match multiple methods.
- Works with global function and object methods.
- Advices can be removed after being applied.
- Just 539 bytes! (Minified and Gzipped)
| Version | Date | Links |
|---|---|---|
| 1.1 | 2008-Mar-23 |
jQuery Deferred/JSDeferred
Last changed: 19 weeks 3 days ago
Simple and clean asynchronous/nonblocking processing system JSDeferred (is like MochiKit and with some extension) with jQuery supports.
jQuery supports: overwrite ajax functions get, post and getJSON to return Deferred object (no arguments change).
Collect some asynchronous resources by ajax.
parallel([
$.get("a.html").next(function (data) {
return data.match(/<title>([^<]+)<\/title>/);
}),
$.get("b.txt" ).next(function (data) {
return data.match(/##\s*([^<]+)\s*##/);
}),
$.getJSON("c.json").next(function (data) {
return data.title;
})
]).next(function (values) {
print("Titles "+values.join(", "));
});Divided loop for non stress browsing. When long time processing is required, it is bad that simply using only for loop because it stops browser appearance. Deferred resolves it with bare minimum of effort.
loop({begin: 1, end:100, step:10}, function (n, o) {
| Version | Date | Links |
|---|---|---|
| 0.2.0 | 2007-Dec-11 | |
| 0.2.1 | 2007-Dec-29 |
jQuery dollar plugin
Last changed: 7 weeks 6 days ago
It is painful to use $("#...").get(0) sometimes.
jQuery dollar plugin alias $.$("foo") to $("#foo").get(0), which make it less painful.
| Version | Date | Links |
|---|---|---|
| 0.1 | 2008-Mar-19 |
jQuery Form Observe
Last changed: 4 days 11 hours ago
Overview
This plugin observes values of form elements.
When end-user changes any values of input elements, observer shows which values were changed. And observer also alerts to users when they try to move out from the page before submitting changes.
Usage
You can add FormObserve plugin onto any form element.
$(document).ready(function(){
$('#MyForm').FormObserve();
});
<form id="MyForm">
<input type="text" value="here's default value" />
<input type="submit" value="save" />
</form>If you want to show users the changes, you can add the definition of class 'changed'.
<style>
.changed {
background-color: red;
}
</style>After changes have been completed (might be 'onsubmit', 'ajax complete' and so on), you should call FormObserve_save() method.
$('#MyForm').submit(function(){
if(validation=='ok'){
$(this).FormObserve_save();
}
});Options
| Version | Date | Links |
|---|---|---|
| 1.1.0-rc | 2008-May-09 |
jQuery Templates
Last changed: 7 weeks 3 days ago
Similar to the macro-based templates in the popular javascript library Ext, jQuery templates offer ways of creating html chunks and applying an object of attributes to them via the jQuery DOM manipulation methods. Variable types default to JSP-style, however they can be customized to other variable styles for the plugin as well as for individual template objects. Via helper methods, variable functions can be applied to variables within the templates as well.
Example:
var t = $.template('<div id="foo">Hello ${name}, how are you ${question}? I am ${me:substr(0,10)}</div>');
$(selector).append( t , {
name: 'Stan',
question: 'feeling',
me: 'doing quite well myself, thank you very much!'
});| Version | Date | Links |
|---|---|---|
| 1.0.0 | 2008-Mar-22 |
Jquery xhtml() : jquery extension to get valid xhtml code with IE browser (innerHTML fix)
Last changed: 19 weeks 6 days ago
Sometimes you need to use jquery html() methode to get the html code from an element to manipulate it as XML string.
the problem is that IE generate non valid xhtml (no attribute quotes, malformed lists ...etc) .
with this extension I tried to fix this using the minimum javascript code to make the function as efficient as possible.
no real xhtml validation is done, the html code is only modified when IE navigator is detected.
| Version | Date | Links |
|---|---|---|
| 0.1-dev | 2007-Dec-26 | |
| 0.3-beta | 2008-Apr-24 |
jQuery.Colors
A easy way to handle HTML colors!
Create a color and manipulate then adding light or shadow, mixing it with other color, subtract o add a RGB value for it. You can do a lot of things.
Example:
var Dark = $.tocolor("#ffa500");
var Light = $.color(235, 235, 235);
var GradLinkNormal = $.colorgrad(Light, Dark, 50);With this code you create a gradient color array with 50 diferents colors.
My Projects page to see a good example (Look the background color):
http://slr.projects.pro.br/
More about the plugin at:
http://gsaraiva.projects.pro.br/openprj/?page=jquerycolors
Actually you can access my site to see some results with jQuery and CSS manipulation.
http://gsaraiva.projects.pro.br/
| Version | Date | Links |
|---|---|---|
| 1.1.3-2008 | 2008-May-12 | |
| 1.1.3-2008 | 2008-May-12 |
jQuery.CssRule
A jQuery extension that provide a easy way to handle Style Sheet Rules.
Don't overload resources and the visitor computer, manipulate objects direct with the CSS.
jQuery.cssRule("a", "color", "#ff0000");
jQuery.cssRule("a:visited", "color", "#ffff00");
jQuery.cssRule("a:hover", "color", "#ffffff");This code don't list all elements on the page so you don't overload nothing on the visitor computer. All the job will be done by the browser without a lot os javascript process.
A basic CSS setting
$.cssRule({ // <-- NOTE: First Param as Object.
// Selector
"body": [
// Multi setting definitions
["background-color", Background],
// CSS default expression way
"font-family:verdana",
// Another CSS default expression way
"font-size:10px",
// Intelligent setting: Padding and Margin will be set width 0px by the jQuery.CssRule
| Version | Date | Links |
|---|---|---|
| 1.1.2-2008 | 2008-May-10 | |
| 1.1.3-2008 | 2008-May-12 |
jTemplates
Last changed: 18 weeks 2 days ago
jTemplates is a template engine 100% in JavaScript.
Example of template:
<table>
{#foreach $T.table as row}
<tr>
<td>{$T.row.name.bold()}</td>
<td>{$T.row.mail}</td>
</tr>
{#/for}
</table>Download, demos, changelog, documentation are available on project homepage:
http://jtemplates.tpython.com
| Version | Date | Links |
|---|---|---|
| 0.5.1-2 | 2007-Dec-04 | |
| 0.4.3 | 2007-Aug-25 | |
| 0.6.6 | 2008-Jan-06 |
L10n (Localization) By JavaScript
Last changed: 3 weeks 4 days ago
Localization your webpages by using AJAX.
Preview and bug report, please visit: http://www.hpyer.cn/l10n-by-javascript.html
Example:
<html>
<head>
<title>Example</title>
<script src="jquery.js" language="JavaScript" type="text/javascript"></script>
<script src="jquery.l10n.js" language="JavaScript" type="text/javascript"></script>
<script type="text/javascript">
$.l10n.init({
'dir': './languages',
'lang': 'zh_CN',
'cache': true
});
</script>
</head>
<body>
<script type="text/javascript">
// Translate directly
document.write($.l10n.__('Words need to be translated'));
// Or
$.l10n._e('Words need to be translated');
</script>
<!-- Translate indirectly -->
<span>Words need to be translated</span>
<script type="text/javascript">
$('span').l10n();
</script>
</body>
</html>| Version | Date | Links |
|---|---|---|
| 1.1.0 | 2008-Apr-18 |
Listen
Last changed: 9 weeks 4 days ago
The release shown below is not the last. Please check 1.0.3 instead.
This plugin brings a clean, light solution, to websites with dynamic loaded content, or full of event bindings.
Intead of bound, handlers for events, are registered along with matching selectors.
And they'll still work for new added content.
This is achieved, using Event delegation, so the plugin will only work for events that bubble.
Update: jQuery.Listen can now handle both focus and blur events thanks to the focusin/focusout workaround.
Many thanks to Jörn Zaefferer for lending me the code!.
The plugin supports these kind of selectors:
- #id
- nodeName
| Version | Date | Links |
|---|---|---|
| 0.8.0-beta | 2007-Oct-13 | |
| 0.8.2-beta | 2007-Oct-19 |
Live Query
Last changed: 20 weeks 5 days ago
Live Query (formerly Behavior) utilizes the power of jQuery selectors by binding events or firing callbacks for matched elements auto-magically, even after the page has been loaded and the DOM updated.
| Version | Date | Links |
|---|---|---|
| 0.0.3 | 2007-May-14 | |
| 1.0.2 | 2007-Dec-20 |
Modularize
Last changed: 3 weeks 4 days ago
This small plugin(673 bytes!) enables you to have modular methods on jQuery.
It allows the developer to apply the module pattern, to the functions of jQuery.fn.
They can be used as namespace/module for more functions.
This helps keeping the rule of only claiming one name from the jQuery namespace.
It enables you to do something like:
$(...).foo().bar( ... ).addClass('magic');Visit the plugin's homepage, in order to learn more about it.
| Version | Date | Links |
|---|---|---|
| 1.0.0 | 2008-Apr-18 |
moreSelectors for jQuery
Last changed: 26 weeks 1 day ago
The moreSelectors plugin gives us extra :selectors to use in our queries.
For example:
- $("DIV:color(red)") to match DIVs with red text. Handles #rrggbb and rgb(r,g,b) too.
- $("TD:colIndex(1)") to match table cells in column 1 (allowing for colSpans too).
- $("INPUT:modified") to match INPUTs that have been changed.
- $("FORM/*:blur") to match form element that last had the focus.
- $("DIV:parents(TD)") - Match DIVs that are inside table cells.
- $("DIV").attrs("id") - Return an array of IDs from all the DIVs.
- $("TH").filter({colSpan:2, title:"abc"}) - An enhancement to the .filter() method to optionally filter by attributes provided in {name:value} object notation
- ... and many more
Click the homepage link to download moreSelectors.js
| Version | Date | Links |
|---|---|---|
| 1.0.0 | 2007-Nov-12 |
Mouse Wheel Extension
Last changed: 20 weeks 5 days ago
Adds mouse wheel support for your application! Just call mousewheel to add the event and call unmousewheel to remove the event.
| Version | Date | Links |
|---|---|---|
| 2.2 | 2007-Jun-20 | |
| 3.0.0 | 2007-Dec-20 |
Overflown
Last changed: 7 weeks 2 days ago
A simple extension that adds a ':overflown' selector to jQuery that allows you to query for only objects that have overflow: hidden or overflow: auto set and whose contents are larger than the dimensions of the element. Useful if you want to add custom scrollbars or controls to overflown elements, for instance.
| Version | Date | Links |
|---|---|---|
| 1.0.0 | 2008-Mar-23 |
Password Strength Field
Last changed: 38 weeks 1 day ago
The jQuery password strength meter is a small plug in that provides an easy way to show the strength of a users password. It provides some simple options that allow you to customize the output.
| Version | Date | Links |
|---|---|---|
| 1.1.0-Minified | 2007-Aug-20 | |
| 1.1.0 | 2007-Aug-20 |