88598678995cafdd6de6c3ddce08b5dad2657717
[jquery.git] / src / jquery / jquery.js
1 /*
2  * jQuery @VERSION - New Wave Javascript
3  *
4  * Copyright (c) 2007 John Resig (jquery.com)
5  * Dual licensed under the MIT (MIT-LICENSE.txt)
6  * and GPL (GPL-LICENSE.txt) licenses.
7  *
8  * $Date$
9  * $Rev$
10  */
11
12 // Global undefined variable
13 window.undefined = window.undefined;
14
15 /**
16  * Create a new jQuery Object
17  *
18  * @constructor
19  * @private
20  * @name jQuery
21  * @param String|Function|Element|Array<Element>|jQuery a selector
22  * @param jQuery|Element|Array<Element> c context
23  * @cat Core
24  */
25 var jQuery = function(a,c) {
26         // If the context is global, return a new object
27         if ( window == this )
28                 return new jQuery(a,c);
29
30         // Make sure that a selection was provided
31         a = a || document;
32         
33         // HANDLE: $(function)
34         // Shortcut for document ready
35         if ( jQuery.isFunction(a) )
36                 return new jQuery(document)[ jQuery.fn.ready ? "ready" : "load" ]( a );
37         
38         // Handle HTML strings
39         if ( typeof a  == "string" ) {
40                 // HANDLE: $(html) -> $(array)
41                 var m = /^[^<]*(<(.|\s)+>)[^>]*$/.exec(a);
42                 if ( m )
43                         a = jQuery.clean( [ m[1] ] );
44                 
45                 // HANDLE: $(expr)
46                 else
47                         return new jQuery( c ).find( a );
48         }
49         
50         return this.setArray(
51                 // HANDLE: $(array)
52                 a.constructor == Array && a ||
53
54                 // HANDLE: $(arraylike)
55                 // Watch for when an array-like object is passed as the selector
56                 (a.jquery || a.length && a != window && !a.nodeType && a[0] != undefined && a[0].nodeType) && jQuery.makeArray( a ) ||
57
58                 // HANDLE: $(*)
59                 [ a ] );
60 };
61
62 // Map over the $ in case of overwrite
63 if ( typeof $ != "undefined" )
64         jQuery._$ = $;
65         
66 // Map the jQuery namespace to the '$' one
67 var $ = jQuery;
68
69 /**
70  * This function accepts a string containing a CSS or
71  * basic XPath selector which is then used to match a set of elements.
72  *
73  * The core functionality of jQuery centers around this function.
74  * Everything in jQuery is based upon this, or uses this in some way.
75  * The most basic use of this function is to pass in an expression
76  * (usually consisting of CSS or XPath), which then finds all matching
77  * elements.
78  *
79  * By default, if no context is specified, $() looks for DOM elements within the context of the
80  * current HTML document. If you do specify a context, such as a DOM
81  * element or jQuery object, the expression will be matched against
82  * the contents of that context.
83  *
84  * See [[DOM/Traversing/Selectors]] for the allowed CSS/XPath syntax for expressions.
85  *
86  * @example $("div > p")
87  * @desc Finds all p elements that are children of a div element.
88  * @before <p>one</p> <div><p>two</p></div> <p>three</p>
89  * @result [ <p>two</p> ]
90  *
91  * @example $("input:radio", document.forms[0])
92  * @desc Searches for all inputs of type radio within the first form in the document
93  *
94  * @example $("div", xml.responseXML)
95  * @desc This finds all div elements within the specified XML document.
96  *
97  * @name $
98  * @param String expr An expression to search with
99  * @param Element|jQuery context (optional) A DOM Element, Document or jQuery to use as context
100  * @cat Core
101  * @type jQuery
102  * @see $(Element)
103  * @see $(Element<Array>)
104  */
105  
106 /**
107  * Create DOM elements on-the-fly from the provided String of raw HTML.
108  *
109  * @example $("<div><p>Hello</p></div>").appendTo("body")
110  * @desc Creates a div element (and all of its contents) dynamically, 
111  * and appends it to the body element. Internally, an
112  * element is created and its innerHTML property set to the given markup.
113  * It is therefore both quite flexible and limited. 
114  *
115  * @name $
116  * @param String html A string of HTML to create on the fly.
117  * @cat Core
118  * @type jQuery
119  * @see appendTo(String)
120  */
121
122 /**
123  * Wrap jQuery functionality around a single or multiple DOM Element(s).
124  *
125  * This function also accepts XML Documents and Window objects
126  * as valid arguments (even though they are not DOM Elements).
127  *
128  * @example $(document.body).css( "background", "black" );
129  * @desc Sets the background color of the page to black.
130  *
131  * @example $( myForm.elements ).hide()
132  * @desc Hides all the input elements within a form
133  *
134  * @name $
135  * @param Element|Array<Element> elems DOM element(s) to be encapsulated by a jQuery object.
136  * @cat Core
137  * @type jQuery
138  */
139
140 /**
141  * A shorthand for $(document).ready(), allowing you to bind a function
142  * to be executed when the DOM document has finished loading. This function
143  * behaves just like $(document).ready(), in that it should be used to wrap
144  * other $() operations on your page that depend on the DOM being ready to be
145  * operated on. While this function is, technically, chainable - there really
146  * isn't much use for chaining against it.
147  *
148  * You can have as many $(document).ready events on your page as you like.
149  *
150  * See ready(Function) for details about the ready event. 
151  * 
152  * @example $(function(){
153  *   // Document is ready
154  * });
155  * @desc Executes the function when the DOM is ready to be used.
156  *
157  * @example jQuery(function($) {
158  *   // Your code using failsafe $ alias here...
159  * });
160  * @desc Uses both the shortcut for $(document).ready() and the argument
161  * to write failsafe jQuery code using the $ alias, without relying on the
162  * global alias.
163  *
164  * @name $
165  * @param Function fn The function to execute when the DOM is ready.
166  * @cat Core
167  * @type jQuery
168  * @see ready(Function)
169  */
170
171 jQuery.fn = jQuery.prototype = {
172         /**
173          * The current version of jQuery.
174          *
175          * @private
176          * @property
177          * @name jquery
178          * @type String
179          * @cat Core
180          */
181         jquery: "@VERSION",
182
183         /**
184          * The number of elements currently matched. The size function will return the same value.
185          *
186          * @example $("img").length;
187          * @before <img src="test1.jpg"/> <img src="test2.jpg"/>
188          * @result 2
189          *
190          * @property
191          * @name length
192          * @type Number
193          * @cat Core
194          */
195
196         /**
197          * Get the number of elements currently matched. This returns the same
198          * number as the 'length' property of the jQuery object.
199          *
200          * @example $("img").size();
201          * @before <img src="test1.jpg"/> <img src="test2.jpg"/>
202          * @result 2
203          *
204          * @name size
205          * @type Number
206          * @cat Core
207          */
208         size: function() {
209                 return this.length;
210         },
211         
212         length: 0,
213
214         /**
215          * Access all matched DOM elements. This serves as a backwards-compatible
216          * way of accessing all matched elements (other than the jQuery object
217          * itself, which is, in fact, an array of elements).
218          *
219          * It is useful if you need to operate on the DOM elements themselves instead of using built-in jQuery functions.
220          *
221          * @example $("img").get();
222          * @before <img src="test1.jpg"/> <img src="test2.jpg"/>
223          * @result [ <img src="test1.jpg"/> <img src="test2.jpg"/> ]
224          * @desc Selects all images in the document and returns the DOM Elements as an Array
225          *
226          * @name get
227          * @type Array<Element>
228          * @cat Core
229          */
230
231         /**
232          * Access a single matched DOM element at a specified index in the matched set.
233          * This allows you to extract the actual DOM element and operate on it
234          * directly without necessarily using jQuery functionality on it.
235          *
236          * @example $("img").get(0);
237          * @before <img src="test1.jpg"/> <img src="test2.jpg"/>
238          * @result <img src="test1.jpg"/>
239          * @desc Selects all images in the document and returns the first one
240          *
241          * @name get
242          * @type Element
243          * @param Number num Access the element in the Nth position.
244          * @cat Core
245          */
246         get: function( num ) {
247                 return num == undefined ?
248
249                         // Return a 'clean' array
250                         jQuery.makeArray( this ) :
251
252                         // Return just the object
253                         this[num];
254         },
255         
256         /**
257          * Set the jQuery object to an array of elements, while maintaining
258          * the stack.
259          *
260          * @example $("img").pushStack([ document.body ]);
261          * @result $("img").pushStack() == [ document.body ]
262          *
263          * @private
264          * @name pushStack
265          * @type jQuery
266          * @param Elements elems An array of elements
267          * @cat Core
268          */
269         pushStack: function( a ) {
270                 var ret = jQuery(a);
271                 ret.prevObject = this;
272                 return ret;
273         },
274         
275         /**
276          * Set the jQuery object to an array of elements. This operation is
277          * completely destructive - be sure to use .pushStack() if you wish to maintain
278          * the jQuery stack.
279          *
280          * @example $("img").setArray([ document.body ]);
281          * @result $("img").setArray() == [ document.body ]
282          *
283          * @private
284          * @name setArray
285          * @type jQuery
286          * @param Elements elems An array of elements
287          * @cat Core
288          */
289         setArray: function( a ) {
290                 this.length = 0;
291                 [].push.apply( this, a );
292                 return this;
293         },
294
295         /**
296          * Execute a function within the context of every matched element.
297          * This means that every time the passed-in function is executed
298          * (which is once for every element matched) the 'this' keyword
299          * points to the specific DOM element.
300          *
301          * Additionally, the function, when executed, is passed a single
302          * argument representing the position of the element in the matched
303          * set (integer, zero-index).
304          *
305          * @example $("img").each(function(i){
306          *   this.src = "test" + i + ".jpg";
307          * });
308          * @before <img/><img/>
309          * @result <img src="test0.jpg"/><img src="test1.jpg"/>
310          * @desc Iterates over two images and sets their src property
311          *
312          * @name each
313          * @type jQuery
314          * @param Function fn A function to execute
315          * @cat Core
316          */
317         each: function( fn, args ) {
318                 return jQuery.each( this, fn, args );
319         },
320
321         /**
322          * Searches every matched element for the object and returns
323          * the index of the element, if found, starting with zero. 
324          * Returns -1 if the object wasn't found.
325          *
326          * @example $("*").index( $('#foobar')[0] ) 
327          * @before <div id="foobar"><b></b><span id="foo"></span></div>
328          * @result 0
329          * @desc Returns the index for the element with ID foobar
330          *
331          * @example $("*").index( $('#foo')[0] ) 
332          * @before <div id="foobar"><b></b><span id="foo"></span></div>
333          * @result 2
334          * @desc Returns the index for the element with ID foo within another element
335          *
336          * @example $("*").index( $('#bar')[0] ) 
337          * @before <div id="foobar"><b></b><span id="foo"></span></div>
338          * @result -1
339          * @desc Returns -1, as there is no element with ID bar
340          *
341          * @name index
342          * @type Number
343          * @param Element subject Object to search for
344          * @cat Core
345          */
346         index: function( obj ) {
347                 var pos = -1;
348                 this.each(function(i){
349                         if ( this == obj ) pos = i;
350                 });
351                 return pos;
352         },
353
354         /**
355          * Access a property on the first matched element.
356          * This method makes it easy to retrieve a property value
357          * from the first matched element.
358          *
359          * If the element does not have an attribute with such a
360          * name, undefined is returned.
361          *
362          * @example $("img").attr("src");
363          * @before <img src="test.jpg"/>
364          * @result test.jpg
365          * @desc Returns the src attribute from the first image in the document.
366          *
367          * @name attr
368          * @type Object
369          * @param String name The name of the property to access.
370          * @cat DOM/Attributes
371          */
372
373         /**
374          * Set a key/value object as properties to all matched elements.
375          *
376          * This serves as the best way to set a large number of properties
377          * on all matched elements.
378          *
379          * @example $("img").attr({ src: "test.jpg", alt: "Test Image" });
380          * @before <img/>
381          * @result <img src="test.jpg" alt="Test Image"/>
382          * @desc Sets src and alt attributes to all images.
383          *
384          * @name attr
385          * @type jQuery
386          * @param Map properties Key/value pairs to set as object properties.
387          * @cat DOM/Attributes
388          */
389
390         /**
391          * Set a single property to a value, on all matched elements.
392          *
393          * Note that you can't set the name property of input elements in IE.
394          * Use $(html) or .append(html) or .html(html) to create elements
395          * on the fly including the name property.
396          *
397          * @example $("img").attr("src","test.jpg");
398          * @before <img/>
399          * @result <img src="test.jpg"/>
400          * @desc Sets src attribute to all images.
401          *
402          * @name attr
403          * @type jQuery
404          * @param String key The name of the property to set.
405          * @param Object value The value to set the property to.
406          * @cat DOM/Attributes
407          */
408          
409         /**
410          * Set a single property to a computed value, on all matched elements.
411          *
412          * Instead of supplying a string value as described
413          * [[DOM/Attributes#attr.28_key.2C_value_.29|above]],
414          * a function is provided that computes the value.
415          *
416          * @example $("img").attr("title", function() { return this.src });
417          * @before <img src="test.jpg" />
418          * @result <img src="test.jpg" title="test.jpg" />
419          * @desc Sets title attribute from src attribute.
420          *
421          * @example $("img").attr("title", function(index) { return this.title + (i + 1); });
422          * @before <img title="pic" /><img title="pic" /><img title="pic" />
423          * @result <img title="pic1" /><img title="pic2" /><img title="pic3" />
424          * @desc Enumerate title attribute.
425          *
426          * @name attr
427          * @type jQuery
428          * @param String key The name of the property to set.
429          * @param Function value A function returning the value to set.
430          *                Scope: Current element, argument: Index of current element
431          * @cat DOM/Attributes
432          */
433         attr: function( key, value, type ) {
434                 var obj = key;
435                 
436                 // Look for the case where we're accessing a style value
437                 if ( key.constructor == String )
438                         if ( value == undefined )
439                                 return this.length && jQuery[ type || "attr" ]( this[0], key ) || undefined;
440                         else {
441                                 obj = {};
442                                 obj[ key ] = value;
443                         }
444                 
445                 // Check to see if we're setting style values
446                 return this.each(function(index){
447                         // Set all the styles
448                         for ( var prop in obj )
449                                 jQuery.attr(
450                                         type ? this.style : this,
451                                         prop, jQuery.prop(this, obj[prop], type, index, prop)
452                                 );
453                 });
454         },
455
456         /**
457          * Access a style property on the first matched element.
458          * This method makes it easy to retrieve a style property value
459          * from the first matched element.
460          *
461          * @example $("p").css("color");
462          * @before <p style="color:red;">Test Paragraph.</p>
463          * @result "red"
464          * @desc Retrieves the color style of the first paragraph
465          *
466          * @example $("p").css("font-weight");
467          * @before <p style="font-weight: bold;">Test Paragraph.</p>
468          * @result "bold"
469          * @desc Retrieves the font-weight style of the first paragraph.
470          *
471          * @name css
472          * @type String
473          * @param String name The name of the property to access.
474          * @cat CSS
475          */
476
477         /**
478          * Set a key/value object as style properties to all matched elements.
479          *
480          * This serves as the best way to set a large number of style properties
481          * on all matched elements.
482          *
483          * @example $("p").css({ color: "red", background: "blue" });
484          * @before <p>Test Paragraph.</p>
485          * @result <p style="color:red; background:blue;">Test Paragraph.</p>
486          * @desc Sets color and background styles to all p elements.
487          *
488          * @name css
489          * @type jQuery
490          * @param Map properties Key/value pairs to set as style properties.
491          * @cat CSS
492          */
493
494         /**
495          * Set a single style property to a value, on all matched elements.
496          * If a number is provided, it is automatically converted into a pixel value.
497          *
498          * @example $("p").css("color","red");
499          * @before <p>Test Paragraph.</p>
500          * @result <p style="color:red;">Test Paragraph.</p>
501          * @desc Changes the color of all paragraphs to red
502          *
503          * @example $("p").css("left",30);
504          * @before <p>Test Paragraph.</p>
505          * @result <p style="left:30px;">Test Paragraph.</p>
506          * @desc Changes the left of all paragraphs to "30px"
507          *
508          * @name css
509          * @type jQuery
510          * @param String key The name of the property to set.
511          * @param String|Number value The value to set the property to.
512          * @cat CSS
513          */
514         css: function( key, value ) {
515                 return this.attr( key, value, "curCSS" );
516         },
517
518         /**
519          * Get the text contents of all matched elements. The result is
520          * a string that contains the combined text contents of all matched
521          * elements. This method works on both HTML and XML documents.
522          *
523          * @example $("p").text();
524          * @before <p><b>Test</b> Paragraph.</p><p>Paraparagraph</p>
525          * @result Test Paragraph.Paraparagraph
526          * @desc Gets the concatenated text of all paragraphs
527          *
528          * @name text
529          * @type String
530          * @cat DOM/Attributes
531          */
532
533         /**
534          * Set the text contents of all matched elements.
535          *
536          * Similar to html(), but escapes HTML (replace "<" and ">" with their
537          * HTML entities).
538          *
539          * @example $("p").text("<b>Some</b> new text.");
540          * @before <p>Test Paragraph.</p>
541          * @result <p>&lt;b&gt;Some&lt;/b&gt; new text.</p>
542          * @desc Sets the text of all paragraphs.
543          *
544          * @example $("p").text("<b>Some</b> new text.", true);
545          * @before <p>Test Paragraph.</p>
546          * @result <p>Some new text.</p>
547          * @desc Sets the text of all paragraphs.
548          *
549          * @name text
550          * @type String
551          * @param String val The text value to set the contents of the element to.
552          * @cat DOM/Attributes
553          */
554         text: function(e) {
555                 if ( typeof e == "string" )
556                         return this.empty().append( document.createTextNode( e ) );
557
558                 var t = "";
559                 jQuery.each( e || this, function(){
560                         jQuery.each( this.childNodes, function(){
561                                 if ( this.nodeType != 8 )
562                                         t += this.nodeType != 1 ?
563                                                 this.nodeValue : jQuery.fn.text([ this ]);
564                         });
565                 });
566                 return t;
567         },
568
569         /**
570          * Wrap all matched elements with a structure of other elements.
571          * This wrapping process is most useful for injecting additional
572          * stucture into a document, without ruining the original semantic
573          * qualities of a document.
574          *
575          * This works by going through the first element
576          * provided (which is generated, on the fly, from the provided HTML)
577          * and finds the deepest ancestor element within its
578          * structure - it is that element that will en-wrap everything else.
579          *
580          * This does not work with elements that contain text. Any necessary text
581          * must be added after the wrapping is done.
582          *
583          * @example $("p").wrap("<div class='wrap'></div>");
584          * @before <p>Test Paragraph.</p>
585          * @result <div class='wrap'><p>Test Paragraph.</p></div>
586          * 
587          * @name wrap
588          * @type jQuery
589          * @param String html A string of HTML, that will be created on the fly and wrapped around the target.
590          * @cat DOM/Manipulation
591          */
592
593         /**
594          * Wrap all matched elements with a structure of other elements.
595          * This wrapping process is most useful for injecting additional
596          * stucture into a document, without ruining the original semantic
597          * qualities of a document.
598          *
599          * This works by going through the first element
600          * provided and finding the deepest ancestor element within its
601          * structure - it is that element that will en-wrap everything else.
602          *
603          * This does not work with elements that contain text. Any necessary text
604          * must be added after the wrapping is done.
605          *
606          * @example $("p").wrap( document.getElementById('content') );
607          * @before <p>Test Paragraph.</p><div id="content"></div>
608          * @result <div id="content"><p>Test Paragraph.</p></div>
609          *
610          * @name wrap
611          * @type jQuery
612          * @param Element elem A DOM element that will be wrapped around the target.
613          * @cat DOM/Manipulation
614          */
615         wrap: function() {
616                 // The elements to wrap the target around
617                 var a, args = arguments;
618
619                 // Wrap each of the matched elements individually
620                 return this.each(function(){
621                         if ( !a )
622                                 a = jQuery.clean(args, this.ownerDocument);
623
624                         // Clone the structure that we're using to wrap
625                         var b = a[0].cloneNode(true);
626
627                         // Insert it before the element to be wrapped
628                         this.parentNode.insertBefore( b, this );
629
630                         // Find the deepest point in the wrap structure
631                         while ( b.firstChild )
632                                 b = b.firstChild;
633
634                         // Move the matched element to within the wrap structure
635                         b.appendChild( this );
636                 });
637         },
638
639         /**
640          * Append content to the inside of every matched element.
641          *
642          * This operation is similar to doing an appendChild to all the
643          * specified elements, adding them into the document.
644          *
645          * @example $("p").append("<b>Hello</b>");
646          * @before <p>I would like to say: </p>
647          * @result <p>I would like to say: <b>Hello</b></p>
648          * @desc Appends some HTML to all paragraphs.
649          *
650          * @example $("p").append( $("#foo")[0] );
651          * @before <p>I would like to say: </p><b id="foo">Hello</b>
652          * @result <p>I would like to say: <b id="foo">Hello</b></p>
653          * @desc Appends an Element to all paragraphs.
654          *
655          * @example $("p").append( $("b") );
656          * @before <p>I would like to say: </p><b>Hello</b>
657          * @result <p>I would like to say: <b>Hello</b></p>
658          * @desc Appends a jQuery object (similar to an Array of DOM Elements) to all paragraphs.
659          *
660          * @name append
661          * @type jQuery
662          * @param <Content> content Content to append to the target
663          * @cat DOM/Manipulation
664          * @see prepend(<Content>)
665          * @see before(<Content>)
666          * @see after(<Content>)
667          */
668         append: function() {
669                 return this.domManip(arguments, true, 1, function(a){
670                         this.appendChild( a );
671                 });
672         },
673
674         /**
675          * Prepend content to the inside of every matched element.
676          *
677          * This operation is the best way to insert elements
678          * inside, at the beginning, of all matched elements.
679          *
680          * @example $("p").prepend("<b>Hello</b>");
681          * @before <p>I would like to say: </p>
682          * @result <p><b>Hello</b>I would like to say: </p>
683          * @desc Prepends some HTML to all paragraphs.
684          *
685          * @example $("p").prepend( $("#foo")[0] );
686          * @before <p>I would like to say: </p><b id="foo">Hello</b>
687          * @result <p><b id="foo">Hello</b>I would like to say: </p>
688          * @desc Prepends an Element to all paragraphs.
689          *      
690          * @example $("p").prepend( $("b") );
691          * @before <p>I would like to say: </p><b>Hello</b>
692          * @result <p><b>Hello</b>I would like to say: </p>
693          * @desc Prepends a jQuery object (similar to an Array of DOM Elements) to all paragraphs.
694          *
695          * @name prepend
696          * @type jQuery
697          * @param <Content> content Content to prepend to the target.
698          * @cat DOM/Manipulation
699          * @see append(<Content>)
700          * @see before(<Content>)
701          * @see after(<Content>)
702          */
703         prepend: function() {
704                 return this.domManip(arguments, true, -1, function(a){
705                         this.insertBefore( a, this.firstChild );
706                 });
707         },
708         
709         /**
710          * Insert content before each of the matched elements.
711          *
712          * @example $("p").before("<b>Hello</b>");
713          * @before <p>I would like to say: </p>
714          * @result <b>Hello</b><p>I would like to say: </p>
715          * @desc Inserts some HTML before all paragraphs.
716          *
717          * @example $("p").before( $("#foo")[0] );
718          * @before <p>I would like to say: </p><b id="foo">Hello</b>
719          * @result <b id="foo">Hello</b><p>I would like to say: </p>
720          * @desc Inserts an Element before all paragraphs.
721          *
722          * @example $("p").before( $("b") );
723          * @before <p>I would like to say: </p><b>Hello</b>
724          * @result <b>Hello</b><p>I would like to say: </p>
725          * @desc Inserts a jQuery object (similar to an Array of DOM Elements) before all paragraphs.
726          *
727          * @name before
728          * @type jQuery
729          * @param <Content> content Content to insert before each target.
730          * @cat DOM/Manipulation
731          * @see append(<Content>)
732          * @see prepend(<Content>)
733          * @see after(<Content>)
734          */
735         before: function() {
736                 return this.domManip(arguments, false, 1, function(a){
737                         this.parentNode.insertBefore( a, this );
738                 });
739         },
740
741         /**
742          * Insert content after each of the matched elements.
743          *
744          * @example $("p").after("<b>Hello</b>");
745          * @before <p>I would like to say: </p>
746          * @result <p>I would like to say: </p><b>Hello</b>
747          * @desc Inserts some HTML after all paragraphs.
748          *
749          * @example $("p").after( $("#foo")[0] );
750          * @before <b id="foo">Hello</b><p>I would like to say: </p>
751          * @result <p>I would like to say: </p><b id="foo">Hello</b>
752          * @desc Inserts an Element after all paragraphs.
753          *
754          * @example $("p").after( $("b") );
755          * @before <b>Hello</b><p>I would like to say: </p>
756          * @result <p>I would like to say: </p><b>Hello</b>
757          * @desc Inserts a jQuery object (similar to an Array of DOM Elements) after all paragraphs.
758          *
759          * @name after
760          * @type jQuery
761          * @param <Content> content Content to insert after each target.
762          * @cat DOM/Manipulation
763          * @see append(<Content>)
764          * @see prepend(<Content>)
765          * @see before(<Content>)
766          */
767         after: function() {
768                 return this.domManip(arguments, false, -1, function(a){
769                         this.parentNode.insertBefore( a, this.nextSibling );
770                 });
771         },
772
773         /**
774          * Revert the most recent 'destructive' operation, changing the set of matched elements
775          * to its previous state (right before the destructive operation).
776          *
777          * If there was no destructive operation before, an empty set is returned.
778          *
779          * A 'destructive' operation is any operation that changes the set of
780          * matched jQuery elements. These functions are: <code>add</code>,
781          * <code>children</code>, <code>clone</code>, <code>filter</code>,
782          * <code>find</code>, <code>not</code>, <code>next</code>,
783          * <code>parent</code>, <code>parents</code>, <code>prev</code> and <code>siblings</code>.
784          *
785          * @example $("p").find("span").end();
786          * @before <p><span>Hello</span>, how are you?</p>
787          * @result [ <p>...</p> ]
788          * @desc Selects all paragraphs, finds span elements inside these, and reverts the
789          * selection back to the paragraphs.
790          *
791          * @name end
792          * @type jQuery
793          * @cat DOM/Traversing
794          */
795         end: function() {
796                 return this.prevObject || jQuery([]);
797         },
798
799         /**
800          * Searches for all elements that match the specified expression.
801          
802          * This method is a good way to find additional descendant
803          * elements with which to process.
804          *
805          * All searching is done using a jQuery expression. The expression can be
806          * written using CSS 1-3 Selector syntax, or basic XPath.
807          *
808          * @example $("p").find("span");
809          * @before <p><span>Hello</span>, how are you?</p>
810          * @result [ <span>Hello</span> ]
811          * @desc Starts with all paragraphs and searches for descendant span
812          * elements, same as $("p span")
813          *
814          * @name find
815          * @type jQuery
816          * @param String expr An expression to search with.
817          * @cat DOM/Traversing
818          */
819         find: function(t) {
820                 return this.pushStack( jQuery.unique( jQuery.map( this, function(a){
821                         return jQuery.find(t,a);
822                 }) ), t );
823         },
824
825         /**
826          * Clone matched DOM Elements and select the clones. 
827          *
828          * This is useful for moving copies of the elements to another
829          * location in the DOM.
830          *
831          * @example $("b").clone().prependTo("p");
832          * @before <b>Hello</b><p>, how are you?</p>
833          * @result <b>Hello</b><p><b>Hello</b>, how are you?</p>
834          * @desc Clones all b elements (and selects the clones) and prepends them to all paragraphs.
835          *
836          * @name clone
837          * @type jQuery
838          * @param Boolean deep (Optional) Set to false if you don't want to clone all descendant nodes, in addition to the element itself.
839          * @cat DOM/Manipulation
840          */
841         clone: function(deep) {
842                 return this.pushStack( jQuery.map( this, function(a){
843                         var a = a.cloneNode( deep != undefined ? deep : true );
844                         a.$events = null; // drop $events expando to avoid firing incorrect events
845                         return a;
846                 }) );
847         },
848
849         /**
850          * Removes all elements from the set of matched elements that do not
851          * match the specified expression(s). This method is used to narrow down
852          * the results of a search.
853          *
854          * Provide a comma-separated list of expressions to apply multiple filters at once.
855          *
856          * @example $("p").filter(".selected")
857          * @before <p class="selected">Hello</p><p>How are you?</p>
858          * @result [ <p class="selected">Hello</p> ]
859          * @desc Selects all paragraphs and removes those without a class "selected".
860          *
861          * @example $("p").filter(".selected, :first")
862          * @before <p>Hello</p><p>Hello Again</p><p class="selected">And Again</p>
863          * @result [ <p>Hello</p>, <p class="selected">And Again</p> ]
864          * @desc Selects all paragraphs and removes those without class "selected" and being the first one.
865          *
866          * @name filter
867          * @type jQuery
868          * @param String expression Expression(s) to search with.
869          * @cat DOM/Traversing
870          */
871          
872         /**
873          * Removes all elements from the set of matched elements that do not
874          * pass the specified filter. This method is used to narrow down
875          * the results of a search.
876          *
877          * @example $("p").filter(function(index) {
878          *   return $("ol", this).length == 0;
879          * })
880          * @before <p><ol><li>Hello</li></ol></p><p>How are you?</p>
881          * @result [ <p>How are you?</p> ]
882          * @desc Remove all elements that have a child ol element
883          *
884          * @name filter
885          * @type jQuery
886          * @param Function filter A function to use for filtering
887          * @cat DOM/Traversing
888          */
889         filter: function(t) {
890                 return this.pushStack(
891                         jQuery.isFunction( t ) &&
892                         jQuery.grep(this, function(el, index){
893                                 return t.apply(el, [index])
894                         }) ||
895
896                         jQuery.multiFilter(t,this) );
897         },
898
899         /**
900          * Removes the specified Element from the set of matched elements. This
901          * method is used to remove a single Element from a jQuery object.
902          *
903          * @example $("p").not( $("#selected")[0] )
904          * @before <p>Hello</p><p id="selected">Hello Again</p>
905          * @result [ <p>Hello</p> ]
906          * @desc Removes the element with the ID "selected" from the set of all paragraphs.
907          *
908          * @name not
909          * @type jQuery
910          * @param Element el An element to remove from the set
911          * @cat DOM/Traversing
912          */
913
914         /**
915          * Removes elements matching the specified expression from the set
916          * of matched elements. This method is used to remove one or more
917          * elements from a jQuery object.
918          *
919          * @example $("p").not("#selected")
920          * @before <p>Hello</p><p id="selected">Hello Again</p>
921          * @result [ <p>Hello</p> ]
922          * @desc Removes the element with the ID "selected" from the set of all paragraphs.
923          *
924          * @name not
925          * @type jQuery
926          * @param String expr An expression with which to remove matching elements
927          * @cat DOM/Traversing
928          */
929
930         /**
931          * Removes any elements inside the array of elements from the set
932          * of matched elements. This method is used to remove one or more
933          * elements from a jQuery object.
934          *
935          * Please note: the expression cannot use a reference to the
936          * element name. See the two examples below.
937          *
938          * @example $("p").not( $("div p.selected") )
939          * @before <div><p>Hello</p><p class="selected">Hello Again</p></div>
940          * @result [ <p>Hello</p> ]
941          * @desc Removes all elements that match "div p.selected" from the total set of all paragraphs.
942          *
943          * @name not
944          * @type jQuery
945          * @param jQuery elems A set of elements to remove from the jQuery set of matched elements.
946          * @cat DOM/Traversing
947          */
948         not: function(t) {
949                 return this.pushStack(
950                         t.constructor == String &&
951                         jQuery.multiFilter(t, this, true) ||
952
953                         jQuery.grep(this, function(a) {
954                                 return ( t.constructor == Array || t.jquery )
955                                         ? jQuery.inArray( a, t ) < 0
956                                         : a != t;
957                         })
958                 );
959         },
960
961         /**
962          * Adds more elements, matched by the given expression,
963          * to the set of matched elements.
964          *
965          * @example $("p").add("span")
966          * @before (HTML) <p>Hello</p><span>Hello Again</span>
967          * @result (jQuery object matching 2 elements) [ <p>Hello</p>, <span>Hello Again</span> ]
968          * @desc Compare the above result to the result of <code>$('p')</code>,
969          * which would just result in <code><nowiki>[ <p>Hello</p> ]</nowiki></code>.
970          * Using add(), matched elements of <code>$('span')</code> are simply
971          * added to the returned jQuery-object.
972          *
973          * @name add
974          * @type jQuery
975          * @param String expr An expression whose matched elements are added
976          * @cat DOM/Traversing
977          */
978          
979         /**
980          * Adds more elements, created on the fly, to the set of
981          * matched elements.
982          *
983          * @example $("p").add("<span>Again</span>")
984          * @before <p>Hello</p>
985          * @result [ <p>Hello</p>, <span>Again</span> ]
986          *
987          * @name add
988          * @type jQuery
989          * @param String html A string of HTML to create on the fly.
990          * @cat DOM/Traversing
991          */
992
993         /**
994          * Adds one or more Elements to the set of matched elements.
995          *
996          * @example $("p").add( document.getElementById("a") )
997          * @before <p>Hello</p><p><span id="a">Hello Again</span></p>
998          * @result [ <p>Hello</p>, <span id="a">Hello Again</span> ]
999          *
1000          * @example $("p").add( document.forms[0].elements )
1001          * @before <p>Hello</p><p><form><input/><button/></form>
1002          * @result [ <p>Hello</p>, <input/>, <button/> ]
1003          *
1004          * @name add
1005          * @type jQuery
1006          * @param Element|Array<Element> elements One or more Elements to add
1007          * @cat DOM/Traversing
1008          */
1009         add: function(t) {
1010                 return this.pushStack( jQuery.merge(
1011                         this.get(),
1012                         t.constructor == String ?
1013                                 jQuery(t).get() :
1014                                 t.length != undefined && (!t.nodeName || t.nodeName == "FORM") ?
1015                                         t : [t] )
1016                 );
1017         },
1018
1019         /**
1020          * Checks the current selection against an expression and returns true,
1021          * if at least one element of the selection fits the given expression.
1022          *
1023          * Does return false, if no element fits or the expression is not valid.
1024          *
1025          * filter(String) is used internally, therefore all rules that apply there
1026          * apply here, too.
1027          *
1028          * @example $("input[@type='checkbox']").parent().is("form")
1029          * @before <form><input type="checkbox" /></form>
1030          * @result true
1031          * @desc Returns true, because the parent of the input is a form element
1032          * 
1033          * @example $("input[@type='checkbox']").parent().is("form")
1034          * @before <form><p><input type="checkbox" /></p></form>
1035          * @result false
1036          * @desc Returns false, because the parent of the input is a p element
1037          *
1038          * @name is
1039          * @type Boolean
1040          * @param String expr The expression with which to filter
1041          * @cat DOM/Traversing
1042          */
1043         is: function(expr) {
1044                 return expr ? jQuery.multiFilter(expr,this).length > 0 : false;
1045         },
1046         
1047         /**
1048          * Get the content of the value attribute of the first matched element.
1049          *
1050          * Use caution when relying on this function to check the value of
1051          * multiple-select elements and checkboxes in a form. While it will
1052          * still work as intended, it may not accurately represent the value
1053          * the server will receive because these elements may send an array
1054          * of values. For more robust handling of field values, see the
1055          * [http://www.malsup.com/jquery/form/#fields fieldValue function of the Form Plugin].
1056          *
1057          * @example $("input").val();
1058          * @before <input type="text" value="some text"/>
1059          * @result "some text"
1060          *
1061          * @name val
1062          * @type String
1063          * @cat DOM/Attributes
1064          */
1065         
1066         /**
1067          *      Set the value attribute of every matched element.
1068          *
1069          * @example $("input").val("test");
1070          * @before <input type="text" value="some text"/>
1071          * @result <input type="text" value="test"/>
1072          *
1073          * @name val
1074          * @type jQuery
1075          * @param String val Set the property to the specified value.
1076          * @cat DOM/Attributes
1077          */
1078         val: function( val ) {
1079                 return val == undefined ?
1080                         ( this.length ? this[0].value : null ) :
1081                         this.attr( "value", val );
1082         },
1083         
1084         /**
1085          * Get the html contents of the first matched element.
1086          * This property is not available on XML documents.
1087          *
1088          * @example $("div").html();
1089          * @before <div><input/></div>
1090          * @result <input/>
1091          *
1092          * @name html
1093          * @type String
1094          * @cat DOM/Attributes
1095          */
1096         
1097         /**
1098          * Set the html contents of every matched element.
1099          * This property is not available on XML documents.
1100          *
1101          * @example $("div").html("<b>new stuff</b>");
1102          * @before <div><input/></div>
1103          * @result <div><b>new stuff</b></div>
1104          *
1105          * @name html
1106          * @type jQuery
1107          * @param String val Set the html contents to the specified value.
1108          * @cat DOM/Attributes
1109          */
1110         html: function( val ) {
1111                 return val == undefined ?
1112                         ( this.length ? this[0].innerHTML : null ) :
1113                         this.empty().append( val );
1114         },
1115         
1116         /**
1117          * @private
1118          * @name domManip
1119          * @param Array args
1120          * @param Boolean table Insert TBODY in TABLEs if one is not found.
1121          * @param Number dir If dir<0, process args in reverse order.
1122          * @param Function fn The function doing the DOM manipulation.
1123          * @type jQuery
1124          * @cat Core
1125          */
1126         domManip: function(args, table, dir, fn){
1127                 var clone = this.length > 1, a; 
1128
1129                 return this.each(function(){
1130                         if ( !a ) {
1131                                 a = jQuery.clean(args, this.ownerDocument);
1132                                 if ( dir < 0 )
1133                                         a.reverse();
1134                         }
1135
1136                         var obj = this;
1137
1138                         if ( table && jQuery.nodeName(this, "table") && jQuery.nodeName(a[0], "tr") )
1139                                 obj = this.getElementsByTagName("tbody")[0] || this.appendChild(document.createElement("tbody"));
1140
1141                         jQuery.each( a, function(){
1142                                 fn.apply( obj, [ clone ? this.cloneNode(true) : this ] );
1143                         });
1144
1145                 });
1146         }
1147 };
1148
1149 /**
1150  * Extends the jQuery object itself. Can be used to add functions into
1151  * the jQuery namespace and to [[Plugins/Authoring|add plugin methods]] (plugins).
1152  * 
1153  * @example jQuery.fn.extend({
1154  *   check: function() {
1155  *     return this.each(function() { this.checked = true; });
1156  *   },
1157  *   uncheck: function() {
1158  *     return this.each(function() { this.checked = false; });
1159  *   }
1160  * });
1161  * $("input[@type=checkbox]").check();
1162  * $("input[@type=radio]").uncheck();
1163  * @desc Adds two plugin methods.
1164  *
1165  * @example jQuery.extend({
1166  *   min: function(a, b) { return a < b ? a : b; },
1167  *   max: function(a, b) { return a > b ? a : b; }
1168  * });
1169  * @desc Adds two functions into the jQuery namespace
1170  *
1171  * @name $.extend
1172  * @param Object prop The object that will be merged into the jQuery object
1173  * @type Object
1174  * @cat Core
1175  */
1176
1177 /**
1178  * Extend one object with one or more others, returning the original,
1179  * modified, object. This is a great utility for simple inheritance.
1180  *
1181  * There is also an optional collision resolution function. Any time the target and
1182  * merged object both contain a key this function is called. This may be used to create
1183  * a recursive merge. (See example) Unless you know what this is, you probably don't care.
1184  * 
1185  * @example var settings = { validate: false, limit: 5, name: "foo" };
1186  * var options = { validate: true, name: "bar" };
1187  * jQuery.extend(settings, options);
1188  * @result settings == { validate: true, limit: 5, name: "bar" }
1189  * @desc Merge settings and options, modifying settings
1190  *
1191  * @example var defaults = { validate: false, limit: 5, name: "foo" };
1192  * var options = { validate: true, name: "bar" };
1193  * var settings = jQuery.extend({}, defaults, options);
1194  * @result settings == { validate: true, limit: 5, name: "bar" }
1195  * @desc Merge defaults and options, without modifying the defaults
1196  *
1197  * @example var defaults = { validate: false, limit: 5, name: "foo", nested: {depth: false} };
1198  * var options = { validate: true, name: "bar", nested: {depth: true} };
1199  * var collision_resolver_fn = function(target, mergee) {
1200  *   // combine nested Objects, in this case the object being merged takes priority
1201  *   return jQuery.extend({}, target, mergee);
1202  * }
1203  * var settings = jQuery.extend({}, collision_resolver_fn, defaults, options);
1204  * @result settings == { validate: true, limit: 5, name: "bar" }
1205  * @desc Recursively merge defaults and options, without modifying the defaults
1206  *
1207  * @name $.extend
1208  * @param Object target The object to extend
1209  * @param Function (optional) collision resolution function. Hook to extend the merging behavior of $.extend(). See example.
1210  * @param Object prop1 The object that will be merged into the first.
1211  * @param Object propN (optional) More objects to merge into the first
1212  * @type Object
1213  * @cat JavaScript
1214  */
1215 jQuery.extend = jQuery.fn.extend = function() {
1216         // copy reference to target object
1217         var resolver, prop, target = arguments[0],
1218                 a = 1;
1219         
1220         // extend jQuery itself if only one argument is passed
1221         if ( arguments.length == 1 ) {
1222                 target = this;
1223                 a = 0;
1224         } else if (jQuery.isFunction(arguments[a])) {
1225           resolver = arguments[a++];
1226         }
1227
1228         while (prop = arguments[a++])
1229                 // Extend the base object
1230                 for ( var i in prop ) {
1231                   if (resolver && target[i] && prop[i]) {
1232                     target[i] = resolver(target[i], prop[i]);
1233             } else {
1234                     target[i] = prop[i];
1235                   }
1236           }
1237
1238         // Return the modified object
1239         return target;
1240 };
1241
1242 jQuery.extend({
1243         /**
1244          * Run this function to give control of the $ variable back
1245          * to whichever library first implemented it. This helps to make 
1246          * sure that jQuery doesn't conflict with the $ object
1247          * of other libraries.
1248          *
1249          * By using this function, you will only be able to access jQuery
1250          * using the 'jQuery' variable. For example, where you used to do
1251          * $("div p"), you now must do jQuery("div p").
1252          *
1253          * @example jQuery.noConflict();
1254          * // Do something with jQuery
1255          * jQuery("div p").hide();
1256          * // Do something with another library's $()
1257          * $("content").style.display = 'none';
1258          * @desc Maps the original object that was referenced by $ back to $
1259          *
1260          * @example jQuery.noConflict();
1261          * (function($) { 
1262          *   $(function() {
1263          *     // more code using $ as alias to jQuery
1264          *   });
1265          * })(jQuery);
1266          * // other code using $ as an alias to the other library
1267          * @desc Reverts the $ alias and then creates and executes a
1268          * function to provide the $ as a jQuery alias inside the functions
1269          * scope. Inside the function the original $ object is not available.
1270          * This works well for most plugins that don't rely on any other library.
1271          * 
1272          *
1273          * @name $.noConflict
1274          * @type undefined
1275          * @cat Core 
1276          */
1277         noConflict: function() {
1278                 if ( jQuery._$ )
1279                         $ = jQuery._$;
1280                 return jQuery;
1281         },
1282
1283         // This may seem like some crazy code, but trust me when I say that this
1284         // is the only cross-browser way to do this. --John
1285         isFunction: function( fn ) {
1286                 return !!fn && typeof fn != "string" && !fn.nodeName && 
1287                         fn.constructor != Array && /function/i.test( fn + "" );
1288         },
1289         
1290         // check if an element is in a XML document
1291         isXMLDoc: function(elem) {
1292                 return elem.tagName && elem.ownerDocument && !elem.ownerDocument.body;
1293         },
1294
1295         nodeName: function( elem, name ) {
1296                 return elem.nodeName && elem.nodeName.toUpperCase() == name.toUpperCase();
1297         },
1298
1299         /**
1300          * A generic iterator function, which can be used to seamlessly
1301          * iterate over both objects and arrays. This function is not the same
1302          * as $().each() - which is used to iterate, exclusively, over a jQuery
1303          * object. This function can be used to iterate over anything.
1304          *
1305          * The callback has two arguments:the key (objects) or index (arrays) as first
1306          * the first, and the value as the second.
1307          *
1308          * @example $.each( [0,1,2], function(i, n){
1309          *   alert( "Item #" + i + ": " + n );
1310          * });
1311          * @desc This is an example of iterating over the items in an array,
1312          * accessing both the current item and its index.
1313          *
1314          * @example $.each( { name: "John", lang: "JS" }, function(i, n){
1315          *   alert( "Name: " + i + ", Value: " + n );
1316          * });
1317          *
1318          * @desc This is an example of iterating over the properties in an
1319          * Object, accessing both the current item and its key.
1320          *
1321          * @name $.each
1322          * @param Object obj The object, or array, to iterate over.
1323          * @param Function fn The function that will be executed on every object.
1324          * @type Object
1325          * @cat JavaScript
1326          */
1327         // args is for internal usage only
1328         each: function( obj, fn, args ) {
1329                 if ( obj.length == undefined )
1330                         for ( var i in obj )
1331                                 fn.apply( obj[i], args || [i, obj[i]] );
1332                 else
1333                         for ( var i = 0, ol = obj.length; i < ol; i++ )
1334                                 if ( fn.apply( obj[i], args || [i, obj[i]] ) === false ) break;
1335                 return obj;
1336         },
1337         
1338         prop: function(elem, value, type, index, prop){
1339                         // Handle executable functions
1340                         if ( jQuery.isFunction( value ) )
1341                                 value = value.call( elem, [index] );
1342                                 
1343                         // exclude the following css properties to add px
1344                         var exclude = /z-?index|font-?weight|opacity|zoom|line-?height/i;
1345
1346                         // Handle passing in a number to a CSS property
1347                         return value && value.constructor == Number && type == "curCSS" && !exclude.test(prop) ?
1348                                 value + "px" :
1349                                 value;
1350         },
1351
1352         className: {
1353                 // internal only, use addClass("class")
1354                 add: function( elem, c ){
1355                         jQuery.each( c.split(/\s+/), function(i, cur){
1356                                 if ( !jQuery.className.has( elem.className, cur ) )
1357                                         elem.className += ( elem.className ? " " : "" ) + cur;
1358                         });
1359                 },
1360
1361                 // internal only, use removeClass("class")
1362                 remove: function( elem, c ){
1363                         elem.className = c ?
1364                                 jQuery.grep( elem.className.split(/\s+/), function(cur){
1365                                         return !jQuery.className.has( c, cur ); 
1366                                 }).join(" ") : "";
1367                 },
1368
1369                 // internal only, use is(".class")
1370                 has: function( t, c ) {
1371                         return jQuery.inArray( c, (t.className || t).toString().split(/\s+/) ) > -1;
1372                 }
1373         },
1374
1375         /**
1376          * Swap in/out style options.
1377          * @private
1378          */
1379         swap: function(e,o,f) {
1380                 for ( var i in o ) {
1381                         e.style["old"+i] = e.style[i];
1382                         e.style[i] = o[i];
1383                 }
1384                 f.apply( e, [] );
1385                 for ( var i in o )
1386                         e.style[i] = e.style["old"+i];
1387         },
1388
1389         css: function(e,p) {
1390                 if ( p == "height" || p == "width" ) {
1391                         var old = {}, oHeight, oWidth, d = ["Top","Bottom","Right","Left"];
1392
1393                         jQuery.each( d, function(){
1394                                 old["padding" + this] = 0;
1395                                 old["border" + this + "Width"] = 0;
1396                         });
1397
1398                         jQuery.swap( e, old, function() {
1399                                 if ( jQuery(e).is(':visible') ) {
1400                                         oHeight = e.offsetHeight;
1401                                         oWidth = e.offsetWidth;
1402                                 } else {
1403                                         e = jQuery(e.cloneNode(true))
1404                                                 .find(":radio").removeAttr("checked").end()
1405                                                 .css({
1406                                                         visibility: "hidden", position: "absolute", display: "block", right: "0", left: "0"
1407                                                 }).appendTo(e.parentNode)[0];
1408
1409                                         var parPos = jQuery.css(e.parentNode,"position") || "static";
1410                                         if ( parPos == "static" )
1411                                                 e.parentNode.style.position = "relative";
1412
1413                                         oHeight = e.clientHeight;
1414                                         oWidth = e.clientWidth;
1415
1416                                         if ( parPos == "static" )
1417                                                 e.parentNode.style.position = "static";
1418
1419                                         e.parentNode.removeChild(e);
1420                                 }
1421                         });
1422
1423                         return p == "height" ? oHeight : oWidth;
1424                 }
1425
1426                 return jQuery.curCSS( e, p );
1427         },
1428
1429         curCSS: function(elem, prop, force) {
1430                 var ret;
1431
1432                 if (prop == "opacity" && jQuery.browser.msie) {
1433                         ret = jQuery.attr(elem.style, "opacity");
1434                         return ret == "" ? "1" : ret;
1435                 }
1436                 
1437                 if (prop == "float" || prop == "cssFloat")
1438                         prop = jQuery.browser.msie ? "styleFloat" : "cssFloat";
1439
1440                 if (!force && elem.style[prop])
1441                         ret = elem.style[prop];
1442
1443                 else if (document.defaultView && document.defaultView.getComputedStyle) {
1444
1445                         if (prop == "cssFloat" || prop == "styleFloat")
1446                                 prop = "float";
1447
1448                         prop = prop.replace(/([A-Z])/g,"-$1").toLowerCase();
1449                         var cur = document.defaultView.getComputedStyle(elem, null);
1450
1451                         if ( cur )
1452                                 ret = cur.getPropertyValue(prop);
1453                         else if ( prop == "display" )
1454                                 ret = "none";
1455                         else
1456                                 jQuery.swap(elem, { display: "block" }, function() {
1457                                     var c = document.defaultView.getComputedStyle(this, "");
1458                                     ret = c && c.getPropertyValue(prop) || "";
1459                                 });
1460
1461                 } else if (elem.currentStyle) {
1462                         var newProp = prop.replace(/\-(\w)/g,function(m,c){return c.toUpperCase();});
1463                         ret = elem.currentStyle[prop] || elem.currentStyle[newProp];
1464                 }
1465
1466                 return ret;
1467         },
1468         
1469         clean: function(a, doc) {
1470                 var r = [];
1471                 doc = doc || document;
1472
1473                 jQuery.each( a, function(i,arg){
1474                         if ( !arg ) return;
1475
1476                         if ( arg.constructor == Number )
1477                                 arg = arg.toString();
1478                         
1479                          // Convert html string into DOM nodes
1480                         if ( typeof arg == "string" ) {
1481                                 // Trim whitespace, otherwise indexOf won't work as expected
1482                                 var s = jQuery.trim(arg), div = doc.createElement("div"), tb = [];
1483
1484                                 var wrap =
1485                                          // option or optgroup
1486                                         !s.indexOf("<opt") &&
1487                                         [1, "<select>", "</select>"] ||
1488                                         
1489                                         (!s.indexOf("<thead") || !s.indexOf("<tbody") || !s.indexOf("<tfoot")) &&
1490                                         [1, "<table>", "</table>"] ||
1491                                         
1492                                         !s.indexOf("<tr") &&
1493                                         [2, "<table><tbody>", "</tbody></table>"] ||
1494                                         
1495                                         // <thead> matched above
1496                                         (!s.indexOf("<td") || !s.indexOf("<th")) &&
1497                                         [3, "<table><tbody><tr>", "</tr></tbody></table>"] ||
1498                                         
1499                                         [0,"",""];
1500
1501                                 // Go to html and back, then peel off extra wrappers
1502                                 div.innerHTML = wrap[1] + arg + wrap[2];
1503                                 
1504                                 // Move to the right depth
1505                                 while ( wrap[0]-- )
1506                                         div = div.firstChild;
1507                                 
1508                                 // Remove IE's autoinserted <tbody> from table fragments
1509                                 if ( jQuery.browser.msie ) {
1510                                         
1511                                         // String was a <table>, *may* have spurious <tbody>
1512                                         if ( !s.indexOf("<table") && s.indexOf("<tbody") < 0 ) 
1513                                                 tb = div.firstChild && div.firstChild.childNodes;
1514                                                 
1515                                         // String was a bare <thead> or <tfoot>
1516                                         else if ( wrap[1] == "<table>" && s.indexOf("<tbody") < 0 )
1517                                                 tb = div.childNodes;
1518
1519                                         for ( var n = tb.length-1; n >= 0 ; --n )
1520                                                 if ( jQuery.nodeName(tb[n], "tbody") && !tb[n].childNodes.length )
1521                                                         tb[n].parentNode.removeChild(tb[n]);
1522                                         
1523                                 }
1524                                 
1525                                 arg = jQuery.makeArray( div.childNodes );
1526                         }
1527
1528                         if ( arg.length === 0 && !jQuery(arg).is("form, select") )
1529                                 return;
1530
1531                         if ( arg[0] == undefined || jQuery(arg).is("form, select") )
1532                                 r.push( arg );
1533                         else
1534                                 r = jQuery.merge( r, arg );
1535
1536                 });
1537
1538                 return r;
1539         },
1540         
1541         attr: function(elem, name, value){
1542                 var fix = jQuery.isXMLDoc(elem) ? {} : {
1543                         "for": "htmlFor",
1544                         "class": "className",
1545                         "float": jQuery.browser.msie ? "styleFloat" : "cssFloat",
1546                         cssFloat: jQuery.browser.msie ? "styleFloat" : "cssFloat",
1547                         innerHTML: "innerHTML",
1548                         className: "className",
1549                         value: "value",
1550                         disabled: "disabled",
1551                         checked: "checked",
1552                         readonly: "readOnly",
1553                         selected: "selected"
1554                 };
1555                 
1556                 // IE actually uses filters for opacity ... elem is actually elem.style
1557                 if ( name == "opacity" && jQuery.browser.msie ) {
1558                         if ( value != undefined ) {
1559                                 // IE has trouble with opacity if it does not have layout
1560                                 // Force it by setting the zoom level
1561                                 elem.zoom = 1; 
1562
1563                                 // Set the alpha filter to set the opacity
1564                                 elem.filter = (elem.filter || "").replace(/alpha\([^)]*\)/,"") +
1565                                         (parseFloat(value).toString() == "NaN" ? "" : "alpha(opacity=" + value * 100 + ")");
1566                         }
1567
1568                         return elem.filter ? 
1569                                 (parseFloat( elem.filter.match(/opacity=([^)]*)/)[1] ) / 100).toString() : "";
1570                 }
1571                 
1572                 // Certain attributes only work when accessed via the old DOM 0 way
1573                 if ( fix[name] ) {
1574                         if ( value != undefined ) elem[fix[name]] = value;
1575                         return elem[fix[name]];
1576
1577                 } else if ( value == undefined && jQuery.browser.msie && jQuery.nodeName(elem, "form") && (name == "action" || name == "method") )
1578                         return elem.getAttributeNode(name).nodeValue;
1579
1580                 // IE elem.getAttribute passes even for style
1581                 else if ( elem.tagName ) {
1582                         if ( value != undefined ) elem.setAttribute( name, value );
1583                         if ( jQuery.browser.msie && /href|src/.test(name) && !jQuery.isXMLDoc(elem) ) 
1584                                 return elem.getAttribute( name, 2 );
1585                         return elem.getAttribute( name );
1586
1587                 // elem is actually elem.style ... set the style
1588                 } else {
1589                         name = name.replace(/-([a-z])/ig,function(z,b){return b.toUpperCase();});
1590                         if ( value != undefined ) elem[name] = value;
1591                         return elem[name];
1592                 }
1593         },
1594         
1595         /**
1596          * Remove the whitespace from the beginning and end of a string.
1597          *
1598          * @example $.trim("  hello, how are you?  ");
1599          * @result "hello, how are you?"
1600          *
1601          * @name $.trim
1602          * @type String
1603          * @param String str The string to trim.
1604          * @cat JavaScript
1605          */
1606         trim: function(t){
1607                 return t.replace(/^\s+|\s+$/g, "");
1608         },
1609
1610         makeArray: function( a ) {
1611                 var r = [];
1612
1613                 // Need to use typeof to fight Safari childNodes crashes
1614                 if ( typeof a != "array" )
1615                         for ( var i = 0, al = a.length; i < al; i++ )
1616                                 r.push( a[i] );
1617                 else
1618                         r = a.slice( 0 );
1619
1620                 return r;
1621         },
1622
1623         inArray: function( b, a ) {
1624                 for ( var i = 0, al = a.length; i < al; i++ )
1625                         if ( a[i] == b )
1626                                 return i;
1627                 return -1;
1628         },
1629
1630         /**
1631          * Merge two arrays together, removing all duplicates.
1632          *
1633          * The result is the altered first argument with
1634          * the unique elements from the second array added.
1635          *
1636          * @example $.merge( [0,1,2], [2,3,4] )
1637          * @result [0,1,2,3,4]
1638          * @desc Merges two arrays, removing the duplicate 2
1639          *
1640          * @example var array = [3,2,1];
1641          * $.merge( array, [4,3,2] )
1642          * @result array == [3,2,1,4]
1643          * @desc Merges two arrays, removing the duplicates 3 and 2
1644          *
1645          * @name $.merge
1646          * @type Array
1647          * @param Array first The first array to merge, the unique elements of second added.
1648          * @param Array second The second array to merge into the first, unaltered.
1649          * @cat JavaScript
1650          */
1651         merge: function(first, second) {
1652                 // We have to loop this way because IE & Opera overwrite the length
1653                 // expando of getElementsByTagName
1654                 for ( var i = 0; second[i]; i++ )
1655                         first.push(second[i]);
1656                 return first;
1657         },
1658
1659         unique: function(first) {
1660                 var r = [], num = jQuery.mergeNum++;
1661
1662                 for ( var i = 0, fl = first.length; i < fl; i++ )
1663                         if ( first[i].mergeNum != num ) {
1664                                 first[i].mergeNum = num;
1665                                 r.push(first[i]);
1666                         }
1667
1668                 return r;
1669         },
1670
1671         mergeNum: 0,
1672
1673         /**
1674          * Filter items out of an array, by using a filter function.
1675          *
1676          * The specified function will be passed two arguments: The
1677          * current array item and the index of the item in the array. The
1678          * function must return 'true' to keep the item in the array, 
1679          * false to remove it.
1680          *
1681          * @example $.grep( [0,1,2], function(i){
1682          *   return i > 0;
1683          * });
1684          * @result [1, 2]
1685          *
1686          * @name $.grep
1687          * @type Array
1688          * @param Array array The Array to find items in.
1689          * @param Function fn The function to process each item against.
1690          * @param Boolean inv Invert the selection - select the opposite of the function.
1691          * @cat JavaScript
1692          */
1693         grep: function(elems, fn, inv) {
1694                 // If a string is passed in for the function, make a function
1695                 // for it (a handy shortcut)
1696                 if ( typeof fn == "string" )
1697                         fn = new Function("a","i","return " + fn);
1698
1699                 var result = [];
1700
1701                 // Go through the array, only saving the items
1702                 // that pass the validator function
1703                 for ( var i = 0, el = elems.length; i < el; i++ )
1704                         if ( !inv && fn(elems[i],i) || inv && !fn(elems[i],i) )
1705                                 result.push( elems[i] );
1706
1707                 return result;
1708         },
1709
1710         /**
1711          * Translate all items in an array to another array of items.
1712          *
1713          * The translation function that is provided to this method is 
1714          * called for each item in the array and is passed one argument: 
1715          * The item to be translated.
1716          *
1717          * The function can then return the translated value, 'null'
1718          * (to remove the item), or  an array of values - which will
1719          * be flattened into the full array.
1720          *
1721          * @example $.map( [0,1,2], function(i){
1722          *   return i + 4;
1723          * });
1724          * @result [4, 5, 6]
1725          * @desc Maps the original array to a new one and adds 4 to each value.
1726          *
1727          * @example $.map( [0,1,2], function(i){
1728          *   return i > 0 ? i + 1 : null;
1729          * });
1730          * @result [2, 3]
1731          * @desc Maps the original array to a new one and adds 1 to each
1732          * value if it is bigger then zero, otherwise it's removed-
1733          * 
1734          * @example $.map( [0,1,2], function(i){
1735          *   return [ i, i + 1 ];
1736          * });
1737          * @result [0, 1, 1, 2, 2, 3]
1738          * @desc Maps the original array to a new one, each element is added
1739          * with it's original value and the value plus one.
1740          *
1741          * @name $.map
1742          * @type Array
1743          * @param Array array The Array to translate.
1744          * @param Function fn The function to process each item against.
1745          * @cat JavaScript
1746          */
1747         map: function(elems, fn) {
1748                 // If a string is passed in for the function, make a function
1749                 // for it (a handy shortcut)
1750                 if ( typeof fn == "string" )
1751                         fn = new Function("a","return " + fn);
1752
1753                 var result = [], r = [];
1754
1755                 // Go through the array, translating each of the items to their
1756                 // new value (or values).
1757                 for ( var i = 0, el = elems.length; i < el; i++ ) {
1758                         var val = fn(elems[i],i);
1759
1760                         if ( val !== null && val != undefined ) {
1761                                 if ( val.constructor != Array ) val = [val];
1762                                 result = result.concat( val );
1763                         }
1764                 }
1765
1766                 return result;
1767         }
1768 });
1769
1770 /**
1771  * Contains flags for the useragent, read from navigator.userAgent.
1772  * Available flags are: safari, opera, msie, mozilla
1773  *
1774  * This property is available before the DOM is ready, therefore you can
1775  * use it to add ready events only for certain browsers.
1776  *
1777  * There are situations where object detections is not reliable enough, in that
1778  * cases it makes sense to use browser detection. Simply try to avoid both!
1779  *
1780  * A combination of browser and object detection yields quite reliable results.
1781  *
1782  * @example $.browser.msie
1783  * @desc Returns true if the current useragent is some version of microsoft's internet explorer
1784  *
1785  * @example if($.browser.safari) { $( function() { alert("this is safari!"); } ); }
1786  * @desc Alerts "this is safari!" only for safari browsers
1787  *
1788  * @property
1789  * @name $.browser
1790  * @type Boolean
1791  * @cat JavaScript
1792  */
1793  
1794 /*
1795  * Whether the W3C compliant box model is being used.
1796  *
1797  * @property
1798  * @name $.boxModel
1799  * @type Boolean
1800  * @cat JavaScript
1801  */
1802 new function() {
1803         var b = navigator.userAgent.toLowerCase();
1804
1805         // Figure out what browser is being used
1806         jQuery.browser = {
1807                 safari: /webkit/.test(b),
1808                 opera: /opera/.test(b),
1809                 msie: /msie/.test(b) && !/opera/.test(b),
1810                 mozilla: /mozilla/.test(b) && !/(compatible|webkit)/.test(b)
1811         };
1812
1813         // Check to see if the W3C box model is being used
1814         jQuery.boxModel = !jQuery.browser.msie || document.compatMode == "CSS1Compat";
1815 };
1816
1817 /**
1818  * Get a set of elements containing the unique parents of the matched
1819  * set of elements.
1820  *
1821  * You may use an optional expression to filter the set of parent elements that will match.
1822  *
1823  * @example $("p").parent()
1824  * @before <div><p>Hello</p><p>Hello</p></div>
1825  * @result [ <div><p>Hello</p><p>Hello</p></div> ]
1826  * @desc Find the parent element of each paragraph.
1827  *
1828  * @example $("p").parent(".selected")
1829  * @before <div><p>Hello</p></div><div class="selected"><p>Hello Again</p></div>
1830  * @result [ <div class="selected"><p>Hello Again</p></div> ]
1831  * @desc Find the parent element of each paragraph with a class "selected".
1832  *
1833  * @name parent
1834  * @type jQuery
1835  * @param String expr (optional) An expression to filter the parents with
1836  * @cat DOM/Traversing
1837  */
1838
1839 /**
1840  * Get a set of elements containing the unique ancestors of the matched
1841  * set of elements (except for the root element).
1842  *
1843  * The matched elements can be filtered with an optional expression.
1844  *
1845  * @example $("span").parents()
1846  * @before <html><body><div><p><span>Hello</span></p><span>Hello Again</span></div></body></html>
1847  * @result [ <body>...</body>, <div>...</div>, <p><span>Hello</span></p> ]
1848  * @desc Find all parent elements of each span.
1849  *
1850  * @example $("span").parents("p")
1851  * @before <html><body><div><p><span>Hello</span></p><span>Hello Again</span></div></body></html>
1852  * @result [ <p><span>Hello</span></p> ]
1853  * @desc Find all parent elements of each span that is a paragraph.
1854  *
1855  * @name parents
1856  * @type jQuery
1857  * @param String expr (optional) An expression to filter the ancestors with
1858  * @cat DOM/Traversing
1859  */
1860
1861 /**
1862  * Get a set of elements containing the unique next siblings of each of the
1863  * matched set of elements.
1864  *
1865  * It only returns the very next sibling for each element, not all
1866  * next siblings.
1867  *
1868  * You may provide an optional expression to filter the match.
1869  *
1870  * @example $("p").next()
1871  * @before <p>Hello</p><p>Hello Again</p><div><span>And Again</span></div>
1872  * @result [ <p>Hello Again</p>, <div><span>And Again</span></div> ]
1873  * @desc Find the very next sibling of each paragraph.
1874  *
1875  * @example $("p").next(".selected")
1876  * @before <p>Hello</p><p class="selected">Hello Again</p><div><span>And Again</span></div>
1877  * @result [ <p class="selected">Hello Again</p> ]
1878  * @desc Find the very next sibling of each paragraph that has a class "selected".
1879  *
1880  * @name next
1881  * @type jQuery
1882  * @param String expr (optional) An expression to filter the next Elements with
1883  * @cat DOM/Traversing
1884  */
1885
1886 /**
1887  * Get a set of elements containing the unique previous siblings of each of the
1888  * matched set of elements.
1889  *
1890  * Use an optional expression to filter the matched set.
1891  *
1892  *      Only the immediately previous sibling is returned, not all previous siblings.
1893  *
1894  * @example $("p").prev()
1895  * @before <p>Hello</p><div><span>Hello Again</span></div><p>And Again</p>
1896  * @result [ <div><span>Hello Again</span></div> ]
1897  * @desc Find the very previous sibling of each paragraph.
1898  *
1899  * @example $("p").prev(".selected")
1900  * @before <div><span>Hello</span></div><p class="selected">Hello Again</p><p>And Again</p>
1901  * @result [ <div><span>Hello</span></div> ]
1902  * @desc Find the very previous sibling of each paragraph that has a class "selected".
1903  *
1904  * @name prev
1905  * @type jQuery
1906  * @param String expr (optional) An expression to filter the previous Elements with
1907  * @cat DOM/Traversing
1908  */
1909
1910 /**
1911  * Get a set of elements containing all of the unique siblings of each of the
1912  * matched set of elements.
1913  *
1914  * Can be filtered with an optional expressions.
1915  *
1916  * @example $("div").siblings()
1917  * @before <p>Hello</p><div><span>Hello Again</span></div><p>And Again</p>
1918  * @result [ <p>Hello</p>, <p>And Again</p> ]
1919  * @desc Find all siblings of each div.
1920  *
1921  * @example $("div").siblings(".selected")
1922  * @before <div><span>Hello</span></div><p class="selected">Hello Again</p><p>And Again</p>
1923  * @result [ <p class="selected">Hello Again</p> ]
1924  * @desc Find all siblings with a class "selected" of each div.
1925  *
1926  * @name siblings
1927  * @type jQuery
1928  * @param String expr (optional) An expression to filter the sibling Elements with
1929  * @cat DOM/Traversing
1930  */
1931
1932 /**
1933  * Get a set of elements containing all of the unique children of each of the
1934  * matched set of elements.
1935  *
1936  * This set can be filtered with an optional expression that will cause
1937  * only elements matching the selector to be collected.
1938  *
1939  * @example $("div").children()
1940  * @before <p>Hello</p><div><span>Hello Again</span></div><p>And Again</p>
1941  * @result [ <span>Hello Again</span> ]
1942  * @desc Find all children of each div.
1943  *
1944  * @example $("div").children(".selected")
1945  * @before <div><span>Hello</span><p class="selected">Hello Again</p><p>And Again</p></div>
1946  * @result [ <p class="selected">Hello Again</p> ]
1947  * @desc Find all children with a class "selected" of each div.
1948  *
1949  * @name children
1950  * @type jQuery
1951  * @param String expr (optional) An expression to filter the child Elements with
1952  * @cat DOM/Traversing
1953  */
1954 jQuery.each({
1955         parent: "a.parentNode",
1956         parents: "jQuery.parents(a)",
1957         next: "jQuery.nth(a,2,'nextSibling')",
1958         prev: "jQuery.nth(a,2,'previousSibling')",
1959         siblings: "jQuery.sibling(a.parentNode.firstChild,a)",
1960         children: "jQuery.sibling(a.firstChild)"
1961 }, function(i,n){
1962         jQuery.fn[ i ] = function(a) {
1963                 var ret = jQuery.map(this,n);
1964                 if ( a && typeof a == "string" )
1965                         ret = jQuery.multiFilter(a,ret);
1966                 return this.pushStack( ret );
1967         };
1968 });
1969
1970 /**
1971  * Append all of the matched elements to another, specified, set of elements.
1972  * This operation is, essentially, the reverse of doing a regular
1973  * $(A).append(B), in that instead of appending B to A, you're appending
1974  * A to B.
1975  *
1976  * @example $("p").appendTo("#foo");
1977  * @before <p>I would like to say: </p><div id="foo"></div>
1978  * @result <div id="foo"><p>I would like to say: </p></div>
1979  * @desc Appends all paragraphs to the element with the ID "foo"
1980  *
1981  * @name appendTo
1982  * @type jQuery
1983  * @param <Content> content Content to append to the selected element to.
1984  * @cat DOM/Manipulation
1985  * @see append(<Content>)
1986  */
1987
1988 /**
1989  * Prepend all of the matched elements to another, specified, set of elements.
1990  * This operation is, essentially, the reverse of doing a regular
1991  * $(A).prepend(B), in that instead of prepending B to A, you're prepending
1992  * A to B.
1993  *
1994  * @example $("p").prependTo("#foo");
1995  * @before <p>I would like to say: </p><div id="foo"><b>Hello</b></div>
1996  * @result <div id="foo"><p>I would like to say: </p><b>Hello</b></div>
1997  * @desc Prepends all paragraphs to the element with the ID "foo"
1998  *
1999  * @name prependTo
2000  * @type jQuery
2001  * @param <Content> content Content to prepend to the selected element to.
2002  * @cat DOM/Manipulation
2003  * @see prepend(<Content>)
2004  */
2005
2006 /**
2007  * Insert all of the matched elements before another, specified, set of elements.
2008  * This operation is, essentially, the reverse of doing a regular
2009  * $(A).before(B), in that instead of inserting B before A, you're inserting
2010  * A before B.
2011  *
2012  * @example $("p").insertBefore("#foo");
2013  * @before <div id="foo">Hello</div><p>I would like to say: </p>
2014  * @result <p>I would like to say: </p><div id="foo">Hello</div>
2015  * @desc Same as $("#foo").before("p")
2016  *
2017  * @name insertBefore
2018  * @type jQuery
2019  * @param <Content> content Content to insert the selected element before.
2020  * @cat DOM/Manipulation
2021  * @see before(<Content>)
2022  */
2023
2024 /**
2025  * Insert all of the matched elements after another, specified, set of elements.
2026  * This operation is, essentially, the reverse of doing a regular
2027  * $(A).after(B), in that instead of inserting B after A, you're inserting
2028  * A after B.
2029  *
2030  * @example $("p").insertAfter("#foo");
2031  * @before <p>I would like to say: </p><div id="foo">Hello</div>
2032  * @result <div id="foo">Hello</div><p>I would like to say: </p>
2033  * @desc Same as $("#foo").after("p")
2034  *
2035  * @name insertAfter
2036  * @type jQuery
2037  * @param <Content> content Content to insert the selected element after.
2038  * @cat DOM/Manipulation
2039  * @see after(<Content>)
2040  */
2041
2042 jQuery.each({
2043         appendTo: "append",
2044         prependTo: "prepend",
2045         insertBefore: "before",
2046         insertAfter: "after"
2047 }, function(i,n){
2048         jQuery.fn[ i ] = function(){
2049                 var a = arguments;
2050                 return this.each(function(){
2051                         for ( var j = 0, al = a.length; j < al; j++ )
2052                                 jQuery(a[j])[n]( this );
2053                 });
2054         };
2055 });
2056
2057 /**
2058  * Remove an attribute from each of the matched elements.
2059  *
2060  * @example $("input").removeAttr("disabled")
2061  * @before <input disabled="disabled"/>
2062  * @result <input/>
2063  *
2064  * @name removeAttr
2065  * @type jQuery
2066  * @param String name The name of the attribute to remove.
2067  * @cat DOM/Attributes
2068  */
2069
2070 /**
2071  * Adds the specified class(es) to each of the set of matched elements.
2072  *
2073  * @example $("p").addClass("selected")
2074  * @before <p>Hello</p>
2075  * @result [ <p class="selected">Hello</p> ]
2076  *
2077  * @example $("p").addClass("selected highlight")
2078  * @before <p>Hello</p>
2079  * @result [ <p class="selected highlight">Hello</p> ]
2080  *
2081  * @name addClass
2082  * @type jQuery
2083  * @param String class One or more CSS classes to add to the elements
2084  * @cat DOM/Attributes
2085  * @see removeClass(String)
2086  */
2087
2088 /**
2089  * Removes all or the specified class(es) from the set of matched elements.
2090  *
2091  * @example $("p").removeClass()
2092  * @before <p class="selected">Hello</p>
2093  * @result [ <p>Hello</p> ]
2094  *
2095  * @example $("p").removeClass("selected")
2096  * @before <p class="selected first">Hello</p>
2097  * @result [ <p class="first">Hello</p> ]
2098  *
2099  * @example $("p").removeClass("selected highlight")
2100  * @before <p class="highlight selected first">Hello</p>
2101  * @result [ <p class="first">Hello</p> ]
2102  *
2103  * @name removeClass
2104  * @type jQuery
2105  * @param String class (optional) One or more CSS classes to remove from the elements
2106  * @cat DOM/Attributes
2107  * @see addClass(String)
2108  */
2109
2110 /**
2111  * Adds the specified class if it is not present, removes it if it is
2112  * present.
2113  *
2114  * @example $("p").toggleClass("selected")
2115  * @before <p>Hello</p><p class="selected">Hello Again</p>
2116  * @result [ <p class="selected">Hello</p>, <p>Hello Again</p> ]
2117  *
2118  * @name toggleClass
2119  * @type jQuery
2120  * @param String class A CSS class with which to toggle the elements
2121  * @cat DOM/Attributes
2122  */
2123
2124 /**
2125  * Removes all matched elements from the DOM. This does NOT remove them from the
2126  * jQuery object, allowing you to use the matched elements further.
2127  *
2128  * Can be filtered with an optional expressions.
2129  *
2130  * @example $("p").remove();
2131  * @before <p>Hello</p> how are <p>you?</p>
2132  * @result how are
2133  *
2134  * @example $("p").remove(".hello");
2135  * @before <p class="hello">Hello</p> how are <p>you?</p>
2136  * @result how are <p>you?</p>
2137  *
2138  * @name remove
2139  * @type jQuery
2140  * @param String expr (optional) A jQuery expression to filter elements by.
2141  * @cat DOM/Manipulation
2142  */
2143
2144 /**
2145  * Removes all child nodes from the set of matched elements.
2146  *
2147  * @example $("p").empty()
2148  * @before <p>Hello, <span>Person</span> <a href="#">and person</a></p>
2149  * @result [ <p></p> ]
2150  *
2151  * @name empty
2152  * @type jQuery
2153  * @cat DOM/Manipulation
2154  */
2155
2156 jQuery.each( {
2157         removeAttr: function( key ) {
2158                 jQuery.attr( this, key, "" );
2159                 this.removeAttribute( key );
2160         },
2161         addClass: function(c){
2162                 jQuery.className.add(this,c);
2163         },
2164         removeClass: function(c){
2165                 jQuery.className.remove(this,c);
2166         },
2167         toggleClass: function( c ){
2168                 jQuery.className[ jQuery.className.has(this,c) ? "remove" : "add" ](this, c);
2169         },
2170         remove: function(a){
2171                 if ( !a || jQuery.filter( a, [this] ).r.length )
2172                         this.parentNode.removeChild( this );
2173         },
2174         empty: function() {
2175                 while ( this.firstChild )
2176                         this.removeChild( this.firstChild );
2177         }
2178 }, function(i,n){
2179         jQuery.fn[ i ] = function() {
2180                 return this.each( n, arguments );
2181         };
2182 });
2183
2184 /**
2185  * Reduce the set of matched elements to a single element.
2186  * The position of the element in the set of matched elements
2187  * starts at 0 and goes to length - 1.
2188  *
2189  * @example $("p").eq(1)
2190  * @before <p>This is just a test.</p><p>So is this</p>
2191  * @result [ <p>So is this</p> ]
2192  *
2193  * @name eq
2194  * @type jQuery
2195  * @param Number pos The index of the element that you wish to limit to.
2196  * @cat Core
2197  */
2198
2199 /**
2200  * Reduce the set of matched elements to all elements before a given position.
2201  * The position of the element in the set of matched elements
2202  * starts at 0 and goes to length - 1.
2203  *
2204  * @example $("p").lt(1)
2205  * @before <p>This is just a test.</p><p>So is this</p>
2206  * @result [ <p>This is just a test.</p> ]
2207  *
2208  * @name lt
2209  * @type jQuery
2210  * @param Number pos Reduce the set to all elements below this position.
2211  * @cat Core
2212  */
2213
2214 /**
2215  * Reduce the set of matched elements to all elements after a given position.
2216  * The position of the element in the set of matched elements
2217  * starts at 0 and goes to length - 1.
2218  *
2219  * @example $("p").gt(0)
2220  * @before <p>This is just a test.</p><p>So is this</p>
2221  * @result [ <p>So is this</p> ]
2222  *
2223  * @name gt
2224  * @type jQuery
2225  * @param Number pos Reduce the set to all elements after this position.
2226  * @cat Core
2227  */
2228
2229 /**
2230  * Filter the set of elements to those that contain the specified text.
2231  *
2232  * @example $("p").contains("test")
2233  * @before <p>This is just a test.</p><p>So is this</p>
2234  * @result [ <p>This is just a test.</p> ]
2235  *
2236  * @name contains
2237  * @type jQuery
2238  * @param String str The string that will be contained within the text of an element.
2239  * @cat DOM/Traversing
2240  */
2241 jQuery.each( [ "eq", "lt", "gt", "contains" ], function(i,n){
2242         jQuery.fn[ n ] = function(num,fn) {
2243                 return this.filter( ":" + n + "(" + num + ")", fn );
2244         };
2245 });
2246
2247 /**
2248  * Get the current computed, pixel, width of the first matched element.
2249  *
2250  * @example $("p").width();
2251  * @before <p>This is just a test.</p>
2252  * @result 300
2253  *
2254  * @name width
2255  * @type String
2256  * @cat CSS
2257  */
2258
2259 /**
2260  * Set the CSS width of every matched element. If no explicit unit
2261  * was specified (like 'em' or '%') then "px" is added to the width.
2262  *
2263  * @example $("p").width(20);
2264  * @before <p>This is just a test.</p>
2265  * @result <p style="width:20px;">This is just a test.</p>
2266  *
2267  * @example $("p").width("20em");
2268  * @before <p>This is just a test.</p>
2269  * @result <p style="width:20em;">This is just a test.</p>
2270  *
2271  * @name width
2272  * @type jQuery
2273  * @param String|Number val Set the CSS property to the specified value.
2274  * @cat CSS
2275  */
2276  
2277 /**
2278  * Get the current computed, pixel, height of the first matched element.
2279  *
2280  * @example $("p").height();
2281  * @before <p>This is just a test.</p>
2282  * @result 300
2283  *
2284  * @name height
2285  * @type String
2286  * @cat CSS
2287  */
2288
2289 /**
2290  * Set the CSS height of every matched element. If no explicit unit
2291  * was specified (like 'em' or '%') then "px" is added to the width.
2292  *
2293  * @example $("p").height(20);
2294  * @before <p>This is just a test.</p>
2295  * @result <p style="height:20px;">This is just a test.</p>
2296  *
2297  * @example $("p").height("20em");
2298  * @before <p>This is just a test.</p>
2299  * @result <p style="height:20em;">This is just a test.</p>
2300  *
2301  * @name height
2302  * @type jQuery
2303  * @param String|Number val Set the CSS property to the specified value.
2304  * @cat CSS
2305  */
2306
2307 jQuery.each( [ "height", "width" ], function(i,n){
2308         jQuery.fn[ n ] = function(h) {
2309                 return h == undefined ?
2310                         ( this.length ? jQuery.css( this[0], n ) : null ) :
2311                         this.css( n, h.constructor == String ? h : h + "px" );
2312         };
2313 });