Cleaned up how event removing was handled. All expandos are now removed when they...
[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 = jQuery.clean(arguments);
618
619                 // Wrap each of the matched elements individually
620                 return this.each(function(){
621                         // Clone the structure that we're using to wrap
622                         var b = a[0].cloneNode(true);
623
624                         // Insert it before the element to be wrapped
625                         this.parentNode.insertBefore( b, this );
626
627                         // Find the deepest point in the wrap structure
628                         while ( b.firstChild )
629                                 b = b.firstChild;
630
631                         // Move the matched element to within the wrap structure
632                         b.appendChild( this );
633                 });
634         },
635
636         /**
637          * Append content to the inside of every matched element.
638          *
639          * This operation is similar to doing an appendChild to all the
640          * specified elements, adding them into the document.
641          *
642          * @example $("p").append("<b>Hello</b>");
643          * @before <p>I would like to say: </p>
644          * @result <p>I would like to say: <b>Hello</b></p>
645          * @desc Appends some HTML to all paragraphs.
646          *
647          * @example $("p").append( $("#foo")[0] );
648          * @before <p>I would like to say: </p><b id="foo">Hello</b>
649          * @result <p>I would like to say: <b id="foo">Hello</b></p>
650          * @desc Appends an Element to all paragraphs.
651          *
652          * @example $("p").append( $("b") );
653          * @before <p>I would like to say: </p><b>Hello</b>
654          * @result <p>I would like to say: <b>Hello</b></p>
655          * @desc Appends a jQuery object (similar to an Array of DOM Elements) to all paragraphs.
656          *
657          * @name append
658          * @type jQuery
659          * @param <Content> content Content to append to the target
660          * @cat DOM/Manipulation
661          * @see prepend(<Content>)
662          * @see before(<Content>)
663          * @see after(<Content>)
664          */
665         append: function() {
666                 return this.domManip(arguments, true, 1, function(a){
667                         this.appendChild( a );
668                 });
669         },
670
671         /**
672          * Prepend content to the inside of every matched element.
673          *
674          * This operation is the best way to insert elements
675          * inside, at the beginning, of all matched elements.
676          *
677          * @example $("p").prepend("<b>Hello</b>");
678          * @before <p>I would like to say: </p>
679          * @result <p><b>Hello</b>I would like to say: </p>
680          * @desc Prepends some HTML to all paragraphs.
681          *
682          * @example $("p").prepend( $("#foo")[0] );
683          * @before <p>I would like to say: </p><b id="foo">Hello</b>
684          * @result <p><b id="foo">Hello</b>I would like to say: </p>
685          * @desc Prepends an Element to all paragraphs.
686          *      
687          * @example $("p").prepend( $("b") );
688          * @before <p>I would like to say: </p><b>Hello</b>
689          * @result <p><b>Hello</b>I would like to say: </p>
690          * @desc Prepends a jQuery object (similar to an Array of DOM Elements) to all paragraphs.
691          *
692          * @name prepend
693          * @type jQuery
694          * @param <Content> content Content to prepend to the target.
695          * @cat DOM/Manipulation
696          * @see append(<Content>)
697          * @see before(<Content>)
698          * @see after(<Content>)
699          */
700         prepend: function() {
701                 return this.domManip(arguments, true, -1, function(a){
702                         this.insertBefore( a, this.firstChild );
703                 });
704         },
705         
706         /**
707          * Insert content before each of the matched elements.
708          *
709          * @example $("p").before("<b>Hello</b>");
710          * @before <p>I would like to say: </p>
711          * @result <b>Hello</b><p>I would like to say: </p>
712          * @desc Inserts some HTML before all paragraphs.
713          *
714          * @example $("p").before( $("#foo")[0] );
715          * @before <p>I would like to say: </p><b id="foo">Hello</b>
716          * @result <b id="foo">Hello</b><p>I would like to say: </p>
717          * @desc Inserts an Element before all paragraphs.
718          *
719          * @example $("p").before( $("b") );
720          * @before <p>I would like to say: </p><b>Hello</b>
721          * @result <b>Hello</b><p>I would like to say: </p>
722          * @desc Inserts a jQuery object (similar to an Array of DOM Elements) before all paragraphs.
723          *
724          * @name before
725          * @type jQuery
726          * @param <Content> content Content to insert before each target.
727          * @cat DOM/Manipulation
728          * @see append(<Content>)
729          * @see prepend(<Content>)
730          * @see after(<Content>)
731          */
732         before: function() {
733                 return this.domManip(arguments, false, 1, function(a){
734                         this.parentNode.insertBefore( a, this );
735                 });
736         },
737
738         /**
739          * Insert content after each of the matched elements.
740          *
741          * @example $("p").after("<b>Hello</b>");
742          * @before <p>I would like to say: </p>
743          * @result <p>I would like to say: </p><b>Hello</b>
744          * @desc Inserts some HTML after all paragraphs.
745          *
746          * @example $("p").after( $("#foo")[0] );
747          * @before <b id="foo">Hello</b><p>I would like to say: </p>
748          * @result <p>I would like to say: </p><b id="foo">Hello</b>
749          * @desc Inserts an Element after all paragraphs.
750          *
751          * @example $("p").after( $("b") );
752          * @before <b>Hello</b><p>I would like to say: </p>
753          * @result <p>I would like to say: </p><b>Hello</b>
754          * @desc Inserts a jQuery object (similar to an Array of DOM Elements) after all paragraphs.
755          *
756          * @name after
757          * @type jQuery
758          * @param <Content> content Content to insert after each target.
759          * @cat DOM/Manipulation
760          * @see append(<Content>)
761          * @see prepend(<Content>)
762          * @see before(<Content>)
763          */
764         after: function() {
765                 return this.domManip(arguments, false, -1, function(a){
766                         this.parentNode.insertBefore( a, this.nextSibling );
767                 });
768         },
769
770         /**
771          * Revert the most recent 'destructive' operation, changing the set of matched elements
772          * to its previous state (right before the destructive operation).
773          *
774          * If there was no destructive operation before, an empty set is returned.
775          *
776          * A 'destructive' operation is any operation that changes the set of
777          * matched jQuery elements. These functions are: <code>add</code>,
778          * <code>children</code>, <code>clone</code>, <code>filter</code>,
779          * <code>find</code>, <code>not</code>, <code>next</code>,
780          * <code>parent</code>, <code>parents</code>, <code>prev</code> and <code>siblings</code>.
781          *
782          * @example $("p").find("span").end();
783          * @before <p><span>Hello</span>, how are you?</p>
784          * @result [ <p>...</p> ]
785          * @desc Selects all paragraphs, finds span elements inside these, and reverts the
786          * selection back to the paragraphs.
787          *
788          * @name end
789          * @type jQuery
790          * @cat DOM/Traversing
791          */
792         end: function() {
793                 return this.prevObject || jQuery([]);
794         },
795
796         /**
797          * Searches for all elements that match the specified expression.
798          
799          * This method is a good way to find additional descendant
800          * elements with which to process.
801          *
802          * All searching is done using a jQuery expression. The expression can be
803          * written using CSS 1-3 Selector syntax, or basic XPath.
804          *
805          * @example $("p").find("span");
806          * @before <p><span>Hello</span>, how are you?</p>
807          * @result [ <span>Hello</span> ]
808          * @desc Starts with all paragraphs and searches for descendant span
809          * elements, same as $("p span")
810          *
811          * @name find
812          * @type jQuery
813          * @param String expr An expression to search with.
814          * @cat DOM/Traversing
815          */
816         find: function(t) {
817                 return this.pushStack( jQuery.map( this, function(a){
818                         return jQuery.find(t,a);
819                 }), t );
820         },
821
822         /**
823          * Clone matched DOM Elements and select the clones. 
824          *
825          * This is useful for moving copies of the elements to another
826          * location in the DOM.
827          *
828          * @example $("b").clone().prependTo("p");
829          * @before <b>Hello</b><p>, how are you?</p>
830          * @result <b>Hello</b><p><b>Hello</b>, how are you?</p>
831          * @desc Clones all b elements (and selects the clones) and prepends them to all paragraphs.
832          *
833          * @name clone
834          * @type jQuery
835          * @param Boolean deep (Optional) Set to false if you don't want to clone all descendant nodes, in addition to the element itself.
836          * @cat DOM/Manipulation
837          */
838         clone: function(deep) {
839                 return this.pushStack( jQuery.map( this, function(a){
840                         var a = a.cloneNode( deep != undefined ? deep : true );
841                         a.$events = null; // drop $events expando to avoid firing incorrect events
842                         return a;
843                 }) );
844         },
845
846         /**
847          * Removes all elements from the set of matched elements that do not
848          * match the specified expression(s). This method is used to narrow down
849          * the results of a search.
850          *
851          * Provide a comma-separated list of expressions to apply multiple filters at once.
852          *
853          * @example $("p").filter(".selected")
854          * @before <p class="selected">Hello</p><p>How are you?</p>
855          * @result [ <p class="selected">Hello</p> ]
856          * @desc Selects all paragraphs and removes those without a class "selected".
857          *
858          * @example $("p").filter(".selected, :first")
859          * @before <p>Hello</p><p>Hello Again</p><p class="selected">And Again</p>
860          * @result [ <p>Hello</p>, <p class="selected">And Again</p> ]
861          * @desc Selects all paragraphs and removes those without class "selected" and being the first one.
862          *
863          * @name filter
864          * @type jQuery
865          * @param String expression Expression(s) to search with.
866          * @cat DOM/Traversing
867          */
868          
869         /**
870          * Removes all elements from the set of matched elements that do not
871          * pass the specified filter. This method is used to narrow down
872          * the results of a search.
873          *
874          * @example $("p").filter(function(index) {
875          *   return $("ol", this).length == 0;
876          * })
877          * @before <p><ol><li>Hello</li></ol></p><p>How are you?</p>
878          * @result [ <p>How are you?</p> ]
879          * @desc Remove all elements that have a child ol element
880          *
881          * @name filter
882          * @type jQuery
883          * @param Function filter A function to use for filtering
884          * @cat DOM/Traversing
885          */
886         filter: function(t) {
887                 return this.pushStack(
888                         jQuery.isFunction( t ) &&
889                         jQuery.grep(this, function(el, index){
890                                 return t.apply(el, [index])
891                         }) ||
892
893                         jQuery.multiFilter(t,this) );
894         },
895
896         /**
897          * Removes the specified Element from the set of matched elements. This
898          * method is used to remove a single Element from a jQuery object.
899          *
900          * @example $("p").not( $("#selected")[0] )
901          * @before <p>Hello</p><p id="selected">Hello Again</p>
902          * @result [ <p>Hello</p> ]
903          * @desc Removes the element with the ID "selected" from the set of all paragraphs.
904          *
905          * @name not
906          * @type jQuery
907          * @param Element el An element to remove from the set
908          * @cat DOM/Traversing
909          */
910
911         /**
912          * Removes elements matching the specified expression from the set
913          * of matched elements. This method is used to remove one or more
914          * elements from a jQuery object.
915          *
916          * @example $("p").not("#selected")
917          * @before <p>Hello</p><p id="selected">Hello Again</p>
918          * @result [ <p>Hello</p> ]
919          * @desc Removes the element with the ID "selected" from the set of all paragraphs.
920          *
921          * @name not
922          * @type jQuery
923          * @param String expr An expression with which to remove matching elements
924          * @cat DOM/Traversing
925          */
926
927         /**
928          * Removes any elements inside the array of elements from the set
929          * of matched elements. This method is used to remove one or more
930          * elements from a jQuery object.
931          *
932          * Please note: the expression cannot use a reference to the
933          * element name. See the two examples below.
934          *
935          * @example $("p").not( $("div p.selected") )
936          * @before <div><p>Hello</p><p class="selected">Hello Again</p></div>
937          * @result [ <p>Hello</p> ]
938          * @desc Removes all elements that match "div p.selected" from the total set of all paragraphs.
939          *
940          * @name not
941          * @type jQuery
942          * @param jQuery elems A set of elements to remove from the jQuery set of matched elements.
943          * @cat DOM/Traversing
944          */
945         not: function(t) {
946                 return this.pushStack(
947                         t.constructor == String &&
948                         jQuery.multiFilter(t, this, true) ||
949
950                         jQuery.grep(this, function(a) {
951                                 return ( t.constructor == Array || t.jquery )
952                                         ? jQuery.inArray( a, t ) < 0
953                                         : a != t;
954                         })
955                 );
956         },
957
958         /**
959          * Adds more elements, matched by the given expression,
960          * to the set of matched elements.
961          *
962          * @example $("p").add("span")
963          * @before (HTML) <p>Hello</p><span>Hello Again</span>
964          * @result (jQuery object matching 2 elements) [ <p>Hello</p>, <span>Hello Again</span> ]
965          * @desc Compare the above result to the result of <code>$('p')</code>,
966          * which would just result in <code><nowiki>[ <p>Hello</p> ]</nowiki></code>.
967          * Using add(), matched elements of <code>$('span')</code> are simply
968          * added to the returned jQuery-object.
969          *
970          * @name add
971          * @type jQuery
972          * @param String expr An expression whose matched elements are added
973          * @cat DOM/Traversing
974          */
975          
976         /**
977          * Adds more elements, created on the fly, to the set of
978          * matched elements.
979          *
980          * @example $("p").add("<span>Again</span>")
981          * @before <p>Hello</p>
982          * @result [ <p>Hello</p>, <span>Again</span> ]
983          *
984          * @name add
985          * @type jQuery
986          * @param String html A string of HTML to create on the fly.
987          * @cat DOM/Traversing
988          */
989
990         /**
991          * Adds one or more Elements to the set of matched elements.
992          *
993          * @example $("p").add( document.getElementById("a") )
994          * @before <p>Hello</p><p><span id="a">Hello Again</span></p>
995          * @result [ <p>Hello</p>, <span id="a">Hello Again</span> ]
996          *
997          * @example $("p").add( document.forms[0].elements )
998          * @before <p>Hello</p><p><form><input/><button/></form>
999          * @result [ <p>Hello</p>, <input/>, <button/> ]
1000          *
1001          * @name add
1002          * @type jQuery
1003          * @param Element|Array<Element> elements One or more Elements to add
1004          * @cat DOM/Traversing
1005          */
1006         add: function(t) {
1007                 return this.pushStack( jQuery.merge(
1008                         this.get(),
1009                         t.constructor == String ?
1010                                 jQuery(t).get() :
1011                                 t.length != undefined && (!t.nodeName || t.nodeName == "FORM") ?
1012                                         t : [t] )
1013                 );
1014         },
1015
1016         /**
1017          * Checks the current selection against an expression and returns true,
1018          * if at least one element of the selection fits the given expression.
1019          *
1020          * Does return false, if no element fits or the expression is not valid.
1021          *
1022          * filter(String) is used internally, therefore all rules that apply there
1023          * apply here, too.
1024          *
1025          * @example $("input[@type='checkbox']").parent().is("form")
1026          * @before <form><input type="checkbox" /></form>
1027          * @result true
1028          * @desc Returns true, because the parent of the input is a form element
1029          * 
1030          * @example $("input[@type='checkbox']").parent().is("form")
1031          * @before <form><p><input type="checkbox" /></p></form>
1032          * @result false
1033          * @desc Returns false, because the parent of the input is a p element
1034          *
1035          * @name is
1036          * @type Boolean
1037          * @param String expr The expression with which to filter
1038          * @cat DOM/Traversing
1039          */
1040         is: function(expr) {
1041                 return expr ? jQuery.filter(expr,this).r.length > 0 : false;
1042         },
1043         
1044         /**
1045          * Get the content of the value attribute of the first matched element.
1046          *
1047          * Use caution when relying on this function to check the value of
1048          * multiple-select elements and checkboxes in a form. While it will
1049          * still work as intended, it may not accurately represent the value
1050          * the server will receive because these elements may send an array
1051          * of values. For more robust handling of field values, see the
1052          * [http://www.malsup.com/jquery/form/#fields fieldValue function of the Form Plugin].
1053          *
1054          * @example $("input").val();
1055          * @before <input type="text" value="some text"/>
1056          * @result "some text"
1057          *
1058          * @name val
1059          * @type String
1060          * @cat DOM/Attributes
1061          */
1062         
1063         /**
1064          *      Set the value attribute of every matched element.
1065          *
1066          * @example $("input").val("test");
1067          * @before <input type="text" value="some text"/>
1068          * @result <input type="text" value="test"/>
1069          *
1070          * @name val
1071          * @type jQuery
1072          * @param String val Set the property to the specified value.
1073          * @cat DOM/Attributes
1074          */
1075         val: function( val ) {
1076                 return val == undefined ?
1077                         ( this.length ? this[0].value : null ) :
1078                         this.attr( "value", val );
1079         },
1080         
1081         /**
1082          * Get the html contents of the first matched element.
1083          * This property is not available on XML documents.
1084          *
1085          * @example $("div").html();
1086          * @before <div><input/></div>
1087          * @result <input/>
1088          *
1089          * @name html
1090          * @type String
1091          * @cat DOM/Attributes
1092          */
1093         
1094         /**
1095          * Set the html contents of every matched element.
1096          * This property is not available on XML documents.
1097          *
1098          * @example $("div").html("<b>new stuff</b>");
1099          * @before <div><input/></div>
1100          * @result <div><b>new stuff</b></div>
1101          *
1102          * @name html
1103          * @type jQuery
1104          * @param String val Set the html contents to the specified value.
1105          * @cat DOM/Attributes
1106          */
1107         html: function( val ) {
1108                 return val == undefined ?
1109                         ( this.length ? this[0].innerHTML : null ) :
1110                         this.empty().append( val );
1111         },
1112         
1113         /**
1114          * @private
1115          * @name domManip
1116          * @param Array args
1117          * @param Boolean table Insert TBODY in TABLEs if one is not found.
1118          * @param Number dir If dir<0, process args in reverse order.
1119          * @param Function fn The function doing the DOM manipulation.
1120          * @type jQuery
1121          * @cat Core
1122          */
1123         domManip: function(args, table, dir, fn){
1124                 var clone = this.length > 1; 
1125                 var a = jQuery.clean(args);
1126                 if ( dir < 0 )
1127                         a.reverse();
1128
1129                 return this.each(function(){
1130                         var obj = this;
1131
1132                         if ( table && jQuery.nodeName(this, "table") && jQuery.nodeName(a[0], "tr") )
1133                                 obj = this.getElementsByTagName("tbody")[0] || this.appendChild(document.createElement("tbody"));
1134
1135                         jQuery.each( a, function(){
1136                                 fn.apply( obj, [ clone ? this.cloneNode(true) : this ] );
1137                         });
1138
1139                 });
1140         }
1141 };
1142
1143 /**
1144  * Extends the jQuery object itself. Can be used to add functions into
1145  * the jQuery namespace and to [[Plugins/Authoring|add plugin methods]] (plugins).
1146  * 
1147  * @example jQuery.fn.extend({
1148  *   check: function() {
1149  *     return this.each(function() { this.checked = true; });
1150  *   },
1151  *   uncheck: function() {
1152  *     return this.each(function() { this.checked = false; });
1153  *   }
1154  * });
1155  * $("input[@type=checkbox]").check();
1156  * $("input[@type=radio]").uncheck();
1157  * @desc Adds two plugin methods.
1158  *
1159  * @example jQuery.extend({
1160  *   min: function(a, b) { return a < b ? a : b; },
1161  *   max: function(a, b) { return a > b ? a : b; }
1162  * });
1163  * @desc Adds two functions into the jQuery namespace
1164  *
1165  * @name $.extend
1166  * @param Object prop The object that will be merged into the jQuery object
1167  * @type Object
1168  * @cat Core
1169  */
1170
1171 /**
1172  * Extend one object with one or more others, returning the original,
1173  * modified, object. This is a great utility for simple inheritance.
1174  * 
1175  * @example var settings = { validate: false, limit: 5, name: "foo" };
1176  * var options = { validate: true, name: "bar" };
1177  * jQuery.extend(settings, options);
1178  * @result settings == { validate: true, limit: 5, name: "bar" }
1179  * @desc Merge settings and options, modifying settings
1180  *
1181  * @example var defaults = { validate: false, limit: 5, name: "foo" };
1182  * var options = { validate: true, name: "bar" };
1183  * var settings = jQuery.extend({}, defaults, options);
1184  * @result settings == { validate: true, limit: 5, name: "bar" }
1185  * @desc Merge defaults and options, without modifying the defaults
1186  *
1187  * @name $.extend
1188  * @param Object target The object to extend
1189  * @param Object prop1 The object that will be merged into the first.
1190  * @param Object propN (optional) More objects to merge into the first
1191  * @type Object
1192  * @cat JavaScript
1193  */
1194 jQuery.extend = jQuery.fn.extend = function() {
1195         // copy reference to target object
1196         var target = arguments[0],
1197                 a = 1;
1198
1199         // extend jQuery itself if only one argument is passed
1200         if ( arguments.length == 1 ) {
1201                 target = this;
1202                 a = 0;
1203         }
1204         var prop;
1205         while (prop = arguments[a++])
1206                 // Extend the base object
1207                 for ( var i in prop ) target[i] = prop[i];
1208
1209         // Return the modified object
1210         return target;
1211 };
1212
1213 jQuery.extend({
1214         /**
1215          * Run this function to give control of the $ variable back
1216          * to whichever library first implemented it. This helps to make 
1217          * sure that jQuery doesn't conflict with the $ object
1218          * of other libraries.
1219          *
1220          * By using this function, you will only be able to access jQuery
1221          * using the 'jQuery' variable. For example, where you used to do
1222          * $("div p"), you now must do jQuery("div p").
1223          *
1224          * @example jQuery.noConflict();
1225          * // Do something with jQuery
1226          * jQuery("div p").hide();
1227          * // Do something with another library's $()
1228          * $("content").style.display = 'none';
1229          * @desc Maps the original object that was referenced by $ back to $
1230          *
1231          * @example jQuery.noConflict();
1232          * (function($) { 
1233          *   $(function() {
1234          *     // more code using $ as alias to jQuery
1235          *   });
1236          * })(jQuery);
1237          * // other code using $ as an alias to the other library
1238          * @desc Reverts the $ alias and then creates and executes a
1239          * function to provide the $ as a jQuery alias inside the functions
1240          * scope. Inside the function the original $ object is not available.
1241          * This works well for most plugins that don't rely on any other library.
1242          * 
1243          *
1244          * @name $.noConflict
1245          * @type undefined
1246          * @cat Core 
1247          */
1248         noConflict: function() {
1249                 if ( jQuery._$ )
1250                         $ = jQuery._$;
1251                 return jQuery;
1252         },
1253
1254         // This may seem like some crazy code, but trust me when I say that this
1255         // is the only cross-browser way to do this. --John
1256         isFunction: function( fn ) {
1257                 return !!fn && typeof fn != "string" && !fn.nodeName && 
1258                         typeof fn[0] == "undefined" && /function/i.test( fn + "" );
1259         },
1260         
1261         // check if an element is in a XML document
1262         isXMLDoc: function(elem) {
1263                 return elem.tagName && elem.ownerDocument && !elem.ownerDocument.body;
1264         },
1265
1266         nodeName: function( elem, name ) {
1267                 return elem.nodeName && elem.nodeName.toUpperCase() == name.toUpperCase();
1268         },
1269
1270         /**
1271          * A generic iterator function, which can be used to seamlessly
1272          * iterate over both objects and arrays. This function is not the same
1273          * as $().each() - which is used to iterate, exclusively, over a jQuery
1274          * object. This function can be used to iterate over anything.
1275          *
1276          * The callback has two arguments:the key (objects) or index (arrays) as first
1277          * the first, and the value as the second.
1278          *
1279          * @example $.each( [0,1,2], function(i, n){
1280          *   alert( "Item #" + i + ": " + n );
1281          * });
1282          * @desc This is an example of iterating over the items in an array,
1283          * accessing both the current item and its index.
1284          *
1285          * @example $.each( { name: "John", lang: "JS" }, function(i, n){
1286          *   alert( "Name: " + i + ", Value: " + n );
1287          * });
1288          *
1289          * @desc This is an example of iterating over the properties in an
1290          * Object, accessing both the current item and its key.
1291          *
1292          * @name $.each
1293          * @param Object obj The object, or array, to iterate over.
1294          * @param Function fn The function that will be executed on every object.
1295          * @type Object
1296          * @cat JavaScript
1297          */
1298         // args is for internal usage only
1299         each: function( obj, fn, args ) {
1300                 if ( obj.length == undefined )
1301                         for ( var i in obj )
1302                                 fn.apply( obj[i], args || [i, obj[i]] );
1303                 else
1304                         for ( var i = 0, ol = obj.length; i < ol; i++ )
1305                                 if ( fn.apply( obj[i], args || [i, obj[i]] ) === false ) break;
1306                 return obj;
1307         },
1308         
1309         prop: function(elem, value, type, index, prop){
1310                         // Handle executable functions
1311                         if ( jQuery.isFunction( value ) )
1312                                 value = value.call( elem, [index] );
1313                                 
1314                         // exclude the following css properties to add px
1315                         var exclude = /z-?index|font-?weight|opacity|zoom|line-?height/i;
1316
1317                         // Handle passing in a number to a CSS property
1318                         return value && value.constructor == Number && type == "curCSS" && !exclude.test(prop) ?
1319                                 value + "px" :
1320                                 value;
1321         },
1322
1323         className: {
1324                 // internal only, use addClass("class")
1325                 add: function( elem, c ){
1326                         jQuery.each( c.split(/\s+/), function(i, cur){
1327                                 if ( !jQuery.className.has( elem.className, cur ) )
1328                                         elem.className += ( elem.className ? " " : "" ) + cur;
1329                         });
1330                 },
1331
1332                 // internal only, use removeClass("class")
1333                 remove: function( elem, c ){
1334                         elem.className = c ?
1335                                 jQuery.grep( elem.className.split(/\s+/), function(cur){
1336                                         return !jQuery.className.has( c, cur ); 
1337                                 }).join(" ") : "";
1338                 },
1339
1340                 // internal only, use is(".class")
1341                 has: function( t, c ) {
1342                         t = t.className || t;
1343                         // escape regex characters
1344                         c = c.replace(/([\.\\\+\*\?\[\^\]\$\(\)\{\}\=\!\<\>\|\:])/g, "\\$1");
1345                         return t && new RegExp("(^|\\s)" + c + "(\\s|$)").test( t );
1346                 }
1347         },
1348
1349         /**
1350          * Swap in/out style options.
1351          * @private
1352          */
1353         swap: function(e,o,f) {
1354                 for ( var i in o ) {
1355                         e.style["old"+i] = e.style[i];
1356                         e.style[i] = o[i];
1357                 }
1358                 f.apply( e, [] );
1359                 for ( var i in o )
1360                         e.style[i] = e.style["old"+i];
1361         },
1362
1363         css: function(e,p) {
1364                 if ( p == "height" || p == "width" ) {
1365                         var old = {}, oHeight, oWidth, d = ["Top","Bottom","Right","Left"];
1366
1367                         jQuery.each( d, function(){
1368                                 old["padding" + this] = 0;
1369                                 old["border" + this + "Width"] = 0;
1370                         });
1371
1372                         jQuery.swap( e, old, function() {
1373                                 if (jQuery.css(e,"display") != "none") {
1374                                         oHeight = e.offsetHeight;
1375                                         oWidth = e.offsetWidth;
1376                                 } else {
1377                                         e = jQuery(e.cloneNode(true))
1378                                                 .find(":radio").removeAttr("checked").end()
1379                                                 .css({
1380                                                         visibility: "hidden", position: "absolute", display: "block", right: "0", left: "0"
1381                                                 }).appendTo(e.parentNode)[0];
1382
1383                                         var parPos = jQuery.css(e.parentNode,"position");
1384                                         if ( parPos == "" || parPos == "static" )
1385                                                 e.parentNode.style.position = "relative";
1386
1387                                         oHeight = e.clientHeight;
1388                                         oWidth = e.clientWidth;
1389
1390                                         if ( parPos == "" || parPos == "static" )
1391                                                 e.parentNode.style.position = "static";
1392
1393                                         e.parentNode.removeChild(e);
1394                                 }
1395                         });
1396
1397                         return p == "height" ? oHeight : oWidth;
1398                 }
1399
1400                 return jQuery.curCSS( e, p );
1401         },
1402
1403         curCSS: function(elem, prop, force) {
1404                 var ret;
1405                 
1406                 if (prop == "opacity" && jQuery.browser.msie)
1407                         return jQuery.attr(elem.style, "opacity");
1408                         
1409                 if (prop == "float" || prop == "cssFloat")
1410                     prop = jQuery.browser.msie ? "styleFloat" : "cssFloat";
1411
1412                 if (!force && elem.style[prop])
1413                         ret = elem.style[prop];
1414
1415                 else if (document.defaultView && document.defaultView.getComputedStyle) {
1416
1417                         if (prop == "cssFloat" || prop == "styleFloat")
1418                                 prop = "float";
1419
1420                         prop = prop.replace(/([A-Z])/g,"-$1").toLowerCase();
1421                         var cur = document.defaultView.getComputedStyle(elem, null);
1422
1423                         if ( cur )
1424                                 ret = cur.getPropertyValue(prop);
1425                         else if ( prop == "display" )
1426                                 ret = "none";
1427                         else
1428                                 jQuery.swap(elem, { display: "block" }, function() {
1429                                     var c = document.defaultView.getComputedStyle(this, "");
1430                                     ret = c && c.getPropertyValue(prop) || "";
1431                                 });
1432
1433                 } else if (elem.currentStyle) {
1434
1435                         var newProp = prop.replace(/\-(\w)/g,function(m,c){return c.toUpperCase();});
1436                         ret = elem.currentStyle[prop] || elem.currentStyle[newProp];
1437                         
1438                 }
1439
1440                 return ret;
1441         },
1442         
1443         clean: function(a) {
1444                 var r = [];
1445
1446                 jQuery.each( a, function(i,arg){
1447                         if ( !arg ) return;
1448
1449                         if ( arg.constructor == Number )
1450                                 arg = arg.toString();
1451                         
1452                          // Convert html string into DOM nodes
1453                         if ( typeof arg == "string" ) {
1454                                 // Trim whitespace, otherwise indexOf won't work as expected
1455                                 var s = jQuery.trim(arg), div = document.createElement("div"), tb = [];
1456
1457                                 var wrap =
1458                                          // option or optgroup
1459                                         !s.indexOf("<opt") &&
1460                                         [1, "<select>", "</select>"] ||
1461                                         
1462                                         (!s.indexOf("<thead") || !s.indexOf("<tbody") || !s.indexOf("<tfoot")) &&
1463                                         [1, "<table>", "</table>"] ||
1464                                         
1465                                         !s.indexOf("<tr") &&
1466                                         [2, "<table><tbody>", "</tbody></table>"] ||
1467                                         
1468                                         // <thead> matched above
1469                                         (!s.indexOf("<td") || !s.indexOf("<th")) &&
1470                                         [3, "<table><tbody><tr>", "</tr></tbody></table>"] ||
1471                                         
1472                                         [0,"",""];
1473
1474                                 // Go to html and back, then peel off extra wrappers
1475                                 div.innerHTML = wrap[1] + s + wrap[2];
1476                                 
1477                                 // Move to the right depth
1478                                 while ( wrap[0]-- )
1479                                         div = div.firstChild;
1480                                 
1481                                 // Remove IE's autoinserted <tbody> from table fragments
1482                                 if ( jQuery.browser.msie ) {
1483                                         
1484                                         // String was a <table>, *may* have spurious <tbody>
1485                                         if ( !s.indexOf("<table") && s.indexOf("<tbody") < 0 ) 
1486                                                 tb = div.firstChild && div.firstChild.childNodes;
1487                                                 
1488                                         // String was a bare <thead> or <tfoot>
1489                                         else if ( wrap[1] == "<table>" && s.indexOf("<tbody") < 0 )
1490                                                 tb = div.childNodes;
1491
1492                                         for ( var n = tb.length-1; n >= 0 ; --n )
1493                                                 if ( jQuery.nodeName(tb[n], "tbody") && !tb[n].childNodes.length )
1494                                                         tb[n].parentNode.removeChild(tb[n]);
1495                                         
1496                                 }
1497                                 
1498                                 arg = [];
1499                                 for (var i=0, l=div.childNodes.length; i<l; i++)
1500                                         arg.push(div.childNodes[i]);
1501                         }
1502
1503                         if ( arg.length === 0 && !jQuery.nodeName(arg, "form") )
1504                                 return;
1505                         
1506                         if ( arg[0] == undefined || jQuery.nodeName(arg, "form") )
1507                                 r.push( arg );
1508                         else
1509                                 r = jQuery.merge( r, arg );
1510
1511                 });
1512
1513                 return r;
1514         },
1515         
1516         attr: function(elem, name, value){
1517                 var fix = jQuery.isXMLDoc(elem) ? {} : {
1518                         "for": "htmlFor",
1519                         "class": "className",
1520                         "float": jQuery.browser.msie ? "styleFloat" : "cssFloat",
1521                         cssFloat: jQuery.browser.msie ? "styleFloat" : "cssFloat",
1522                         innerHTML: "innerHTML",
1523                         className: "className",
1524                         value: "value",
1525                         disabled: "disabled",
1526                         checked: "checked",
1527                         readonly: "readOnly",
1528                         selected: "selected"
1529                 };
1530                 
1531                 // IE actually uses filters for opacity ... elem is actually elem.style
1532                 if ( name == "opacity" && jQuery.browser.msie && value != undefined ) {
1533                         // IE has trouble with opacity if it does not have layout
1534                         // Force it by setting the zoom level
1535                         elem.zoom = 1; 
1536
1537                         // Set the alpha filter to set the opacity
1538                         return elem.filter = elem.filter.replace(/alpha\([^\)]*\)/gi,"") +
1539                                 ( value == 1 ? "" : "alpha(opacity=" + value * 100 + ")" );
1540
1541                 } else if ( name == "opacity" && jQuery.browser.msie )
1542                         return elem.filter ? 
1543                                 parseFloat( elem.filter.match(/alpha\(opacity=(.*)\)/)[1] ) / 100 : 1;
1544                 
1545                 // Mozilla doesn't play well with opacity 1
1546                 if ( name == "opacity" && jQuery.browser.mozilla && value == 1 )
1547                         value = 0.9999;
1548                         
1549
1550                 // Certain attributes only work when accessed via the old DOM 0 way
1551                 if ( fix[name] ) {
1552                         if ( value != undefined ) elem[fix[name]] = value;
1553                         return elem[fix[name]];
1554
1555                 } else if ( value == undefined && jQuery.browser.msie && jQuery.nodeName(elem, "form") && (name == "action" || name == "method") )
1556                         return elem.getAttributeNode(name).nodeValue;
1557
1558                 // IE elem.getAttribute passes even for style
1559                 else if ( elem.tagName ) {
1560                         if ( value != undefined ) elem.setAttribute( name, value );
1561                         if ( jQuery.browser.msie && /href|src/.test(name) && !jQuery.isXMLDoc(elem) ) 
1562                                 return elem.getAttribute( name, 2 );
1563                         return elem.getAttribute( name );
1564
1565                 // elem is actually elem.style ... set the style
1566                 } else {
1567                         name = name.replace(/-([a-z])/ig,function(z,b){return b.toUpperCase();});
1568                         if ( value != undefined ) elem[name] = value;
1569                         return elem[name];
1570                 }
1571         },
1572         
1573         /**
1574          * Remove the whitespace from the beginning and end of a string.
1575          *
1576          * @example $.trim("  hello, how are you?  ");
1577          * @result "hello, how are you?"
1578          *
1579          * @name $.trim
1580          * @type String
1581          * @param String str The string to trim.
1582          * @cat JavaScript
1583          */
1584         trim: function(t){
1585                 return t.replace(/^\s+|\s+$/g, "");
1586         },
1587
1588         makeArray: function( a ) {
1589                 var r = [];
1590
1591                 if ( a.constructor != Array )
1592                         for ( var i = 0, al = a.length; i < al; i++ )
1593                                 r.push( a[i] );
1594                 else
1595                         r = a.slice( 0 );
1596
1597                 return r;
1598         },
1599
1600         inArray: function( b, a ) {
1601                 for ( var i = 0, al = a.length; i < al; i++ )
1602                         if ( a[i] == b )
1603                                 return i;
1604                 return -1;
1605         },
1606
1607         /**
1608          * Merge two arrays together, removing all duplicates.
1609          *
1610          * The result is the altered first argument with
1611          * the unique elements from the second array added.
1612          *
1613          * @example $.merge( [0,1,2], [2,3,4] )
1614          * @result [0,1,2,3,4]
1615          * @desc Merges two arrays, removing the duplicate 2
1616          *
1617          * @example var array = [3,2,1];
1618          * $.merge( array, [4,3,2] )
1619          * @result array == [3,2,1,4]
1620          * @desc Merges two arrays, removing the duplicates 3 and 2
1621          *
1622          * @name $.merge
1623          * @type Array
1624          * @param Array first The first array to merge, the unique elements of second added.
1625          * @param Array second The second array to merge into the first, unaltered.
1626          * @cat JavaScript
1627          */
1628         merge: function(first, second) {
1629                 var r = [].slice.call( first, 0 );
1630
1631                 // Now check for duplicates between the two arrays
1632                 // and only add the unique items
1633                 for ( var i = 0, sl = second.length; i < sl; i++ )
1634                         // Check for duplicates
1635                         if ( jQuery.inArray( second[i], r ) == -1 )
1636                                 // The item is unique, add it
1637                                 first.push( second[i] );
1638
1639                 return first;
1640         },
1641
1642         /**
1643          * Filter items out of an array, by using a filter function.
1644          *
1645          * The specified function will be passed two arguments: The
1646          * current array item and the index of the item in the array. The
1647          * function must return 'true' to keep the item in the array, 
1648          * false to remove it.
1649          *
1650          * @example $.grep( [0,1,2], function(i){
1651          *   return i > 0;
1652          * });
1653          * @result [1, 2]
1654          *
1655          * @name $.grep
1656          * @type Array
1657          * @param Array array The Array to find items in.
1658          * @param Function fn The function to process each item against.
1659          * @param Boolean inv Invert the selection - select the opposite of the function.
1660          * @cat JavaScript
1661          */
1662         grep: function(elems, fn, inv) {
1663                 // If a string is passed in for the function, make a function
1664                 // for it (a handy shortcut)
1665                 if ( typeof fn == "string" )
1666                         fn = new Function("a","i","return " + fn);
1667
1668                 var result = [];
1669
1670                 // Go through the array, only saving the items
1671                 // that pass the validator function
1672                 for ( var i = 0, el = elems.length; i < el; i++ )
1673                         if ( !inv && fn(elems[i],i) || inv && !fn(elems[i],i) )
1674                                 result.push( elems[i] );
1675
1676                 return result;
1677         },
1678
1679         /**
1680          * Translate all items in an array to another array of items.
1681          *
1682          * The translation function that is provided to this method is 
1683          * called for each item in the array and is passed one argument: 
1684          * The item to be translated.
1685          *
1686          * The function can then return the translated value, 'null'
1687          * (to remove the item), or  an array of values - which will
1688          * be flattened into the full array.
1689          *
1690          * @example $.map( [0,1,2], function(i){
1691          *   return i + 4;
1692          * });
1693          * @result [4, 5, 6]
1694          * @desc Maps the original array to a new one and adds 4 to each value.
1695          *
1696          * @example $.map( [0,1,2], function(i){
1697          *   return i > 0 ? i + 1 : null;
1698          * });
1699          * @result [2, 3]
1700          * @desc Maps the original array to a new one and adds 1 to each
1701          * value if it is bigger then zero, otherwise it's removed-
1702          * 
1703          * @example $.map( [0,1,2], function(i){
1704          *   return [ i, i + 1 ];
1705          * });
1706          * @result [0, 1, 1, 2, 2, 3]
1707          * @desc Maps the original array to a new one, each element is added
1708          * with it's original value and the value plus one.
1709          *
1710          * @name $.map
1711          * @type Array
1712          * @param Array array The Array to translate.
1713          * @param Function fn The function to process each item against.
1714          * @cat JavaScript
1715          */
1716         map: function(elems, fn) {
1717                 // If a string is passed in for the function, make a function
1718                 // for it (a handy shortcut)
1719                 if ( typeof fn == "string" )
1720                         fn = new Function("a","return " + fn);
1721
1722                 var result = [], r = [];
1723
1724                 // Go through the array, translating each of the items to their
1725                 // new value (or values).
1726                 for ( var i = 0, el = elems.length; i < el; i++ ) {
1727                         var val = fn(elems[i],i);
1728
1729                         if ( val !== null && val != undefined ) {
1730                                 if ( val.constructor != Array ) val = [val];
1731                                 result = result.concat( val );
1732                         }
1733                 }
1734
1735                 var r = result.length ? [ result[0] ] : [];
1736
1737                 check: for ( var i = 1, rl = result.length; i < rl; i++ ) {
1738                         for ( var j = 0; j < i; j++ )
1739                                 if ( result[i] == r[j] )
1740                                         continue check;
1741
1742                         r.push( result[i] );
1743                 }
1744
1745                 return r;
1746         }
1747 });
1748
1749 /**
1750  * Contains flags for the useragent, read from navigator.userAgent.
1751  * Available flags are: safari, opera, msie, mozilla
1752  *
1753  * This property is available before the DOM is ready, therefore you can
1754  * use it to add ready events only for certain browsers.
1755  *
1756  * There are situations where object detections is not reliable enough, in that
1757  * cases it makes sense to use browser detection. Simply try to avoid both!
1758  *
1759  * A combination of browser and object detection yields quite reliable results.
1760  *
1761  * @example $.browser.msie
1762  * @desc Returns true if the current useragent is some version of microsoft's internet explorer
1763  *
1764  * @example if($.browser.safari) { $( function() { alert("this is safari!"); } ); }
1765  * @desc Alerts "this is safari!" only for safari browsers
1766  *
1767  * @property
1768  * @name $.browser
1769  * @type Boolean
1770  * @cat JavaScript
1771  */
1772  
1773 /*
1774  * Whether the W3C compliant box model is being used.
1775  *
1776  * @property
1777  * @name $.boxModel
1778  * @type Boolean
1779  * @cat JavaScript
1780  */
1781 new function() {
1782         var b = navigator.userAgent.toLowerCase();
1783
1784         // Figure out what browser is being used
1785         jQuery.browser = {
1786                 safari: /webkit/.test(b),
1787                 opera: /opera/.test(b),
1788                 msie: /msie/.test(b) && !/opera/.test(b),
1789                 mozilla: /mozilla/.test(b) && !/(compatible|webkit)/.test(b)
1790         };
1791
1792         // Check to see if the W3C box model is being used
1793         jQuery.boxModel = !jQuery.browser.msie || document.compatMode == "CSS1Compat";
1794 };
1795
1796 /**
1797  * Get a set of elements containing the unique parents of the matched
1798  * set of elements.
1799  *
1800  * You may use an optional expression to filter the set of parent elements that will match.
1801  *
1802  * @example $("p").parent()
1803  * @before <div><p>Hello</p><p>Hello</p></div>
1804  * @result [ <div><p>Hello</p><p>Hello</p></div> ]
1805  * @desc Find the parent element of each paragraph.
1806  *
1807  * @example $("p").parent(".selected")
1808  * @before <div><p>Hello</p></div><div class="selected"><p>Hello Again</p></div>
1809  * @result [ <div class="selected"><p>Hello Again</p></div> ]
1810  * @desc Find the parent element of each paragraph with a class "selected".
1811  *
1812  * @name parent
1813  * @type jQuery
1814  * @param String expr (optional) An expression to filter the parents with
1815  * @cat DOM/Traversing
1816  */
1817
1818 /**
1819  * Get a set of elements containing the unique ancestors of the matched
1820  * set of elements (except for the root element).
1821  *
1822  * The matched elements can be filtered with an optional expression.
1823  *
1824  * @example $("span").parents()
1825  * @before <html><body><div><p><span>Hello</span></p><span>Hello Again</span></div></body></html>
1826  * @result [ <body>...</body>, <div>...</div>, <p><span>Hello</span></p> ]
1827  * @desc Find all parent elements of each span.
1828  *
1829  * @example $("span").parents("p")
1830  * @before <html><body><div><p><span>Hello</span></p><span>Hello Again</span></div></body></html>
1831  * @result [ <p><span>Hello</span></p> ]
1832  * @desc Find all parent elements of each span that is a paragraph.
1833  *
1834  * @name parents
1835  * @type jQuery
1836  * @param String expr (optional) An expression to filter the ancestors with
1837  * @cat DOM/Traversing
1838  */
1839
1840 /**
1841  * Get a set of elements containing the unique next siblings of each of the
1842  * matched set of elements.
1843  *
1844  * It only returns the very next sibling for each element, not all
1845  * next siblings.
1846  *
1847  * You may provide an optional expression to filter the match.
1848  *
1849  * @example $("p").next()
1850  * @before <p>Hello</p><p>Hello Again</p><div><span>And Again</span></div>
1851  * @result [ <p>Hello Again</p>, <div><span>And Again</span></div> ]
1852  * @desc Find the very next sibling of each paragraph.
1853  *
1854  * @example $("p").next(".selected")
1855  * @before <p>Hello</p><p class="selected">Hello Again</p><div><span>And Again</span></div>
1856  * @result [ <p class="selected">Hello Again</p> ]
1857  * @desc Find the very next sibling of each paragraph that has a class "selected".
1858  *
1859  * @name next
1860  * @type jQuery
1861  * @param String expr (optional) An expression to filter the next Elements with
1862  * @cat DOM/Traversing
1863  */
1864
1865 /**
1866  * Get a set of elements containing the unique previous siblings of each of the
1867  * matched set of elements.
1868  *
1869  * Use an optional expression to filter the matched set.
1870  *
1871  *      Only the immediately previous sibling is returned, not all previous siblings.
1872  *
1873  * @example $("p").prev()
1874  * @before <p>Hello</p><div><span>Hello Again</span></div><p>And Again</p>
1875  * @result [ <div><span>Hello Again</span></div> ]
1876  * @desc Find the very previous sibling of each paragraph.
1877  *
1878  * @example $("p").prev(".selected")
1879  * @before <div><span>Hello</span></div><p class="selected">Hello Again</p><p>And Again</p>
1880  * @result [ <div><span>Hello</span></div> ]
1881  * @desc Find the very previous sibling of each paragraph that has a class "selected".
1882  *
1883  * @name prev
1884  * @type jQuery
1885  * @param String expr (optional) An expression to filter the previous Elements with
1886  * @cat DOM/Traversing
1887  */
1888
1889 /**
1890  * Get a set of elements containing all of the unique siblings of each of the
1891  * matched set of elements.
1892  *
1893  * Can be filtered with an optional expressions.
1894  *
1895  * @example $("div").siblings()
1896  * @before <p>Hello</p><div><span>Hello Again</span></div><p>And Again</p>
1897  * @result [ <p>Hello</p>, <p>And Again</p> ]
1898  * @desc Find all siblings of each div.
1899  *
1900  * @example $("div").siblings(".selected")
1901  * @before <div><span>Hello</span></div><p class="selected">Hello Again</p><p>And Again</p>
1902  * @result [ <p class="selected">Hello Again</p> ]
1903  * @desc Find all siblings with a class "selected" of each div.
1904  *
1905  * @name siblings
1906  * @type jQuery
1907  * @param String expr (optional) An expression to filter the sibling Elements with
1908  * @cat DOM/Traversing
1909  */
1910
1911 /**
1912  * Get a set of elements containing all of the unique children of each of the
1913  * matched set of elements.
1914  *
1915  * This set can be filtered with an optional expression that will cause
1916  * only elements matching the selector to be collected.
1917  *
1918  * @example $("div").children()
1919  * @before <p>Hello</p><div><span>Hello Again</span></div><p>And Again</p>
1920  * @result [ <span>Hello Again</span> ]
1921  * @desc Find all children of each div.
1922  *
1923  * @example $("div").children(".selected")
1924  * @before <div><span>Hello</span><p class="selected">Hello Again</p><p>And Again</p></div>
1925  * @result [ <p class="selected">Hello Again</p> ]
1926  * @desc Find all children with a class "selected" of each div.
1927  *
1928  * @name children
1929  * @type jQuery
1930  * @param String expr (optional) An expression to filter the child Elements with
1931  * @cat DOM/Traversing
1932  */
1933 jQuery.each({
1934         parent: "a.parentNode",
1935         parents: "jQuery.parents(a)",
1936         next: "jQuery.nth(a,2,'nextSibling')",
1937         prev: "jQuery.nth(a,2,'previousSibling')",
1938         siblings: "jQuery.sibling(a.parentNode.firstChild,a)",
1939         children: "jQuery.sibling(a.firstChild)"
1940 }, function(i,n){
1941         jQuery.fn[ i ] = function(a) {
1942                 var ret = jQuery.map(this,n);
1943                 if ( a && typeof a == "string" )
1944                         ret = jQuery.multiFilter(a,ret);
1945                 return this.pushStack( ret );
1946         };
1947 });
1948
1949 /**
1950  * Append all of the matched elements to another, specified, set of elements.
1951  * This operation is, essentially, the reverse of doing a regular
1952  * $(A).append(B), in that instead of appending B to A, you're appending
1953  * A to B.
1954  *
1955  * @example $("p").appendTo("#foo");
1956  * @before <p>I would like to say: </p><div id="foo"></div>
1957  * @result <div id="foo"><p>I would like to say: </p></div>
1958  * @desc Appends all paragraphs to the element with the ID "foo"
1959  *
1960  * @name appendTo
1961  * @type jQuery
1962  * @param <Content> content Content to append to the selected element to.
1963  * @cat DOM/Manipulation
1964  * @see append(<Content>)
1965  */
1966
1967 /**
1968  * Prepend all of the matched elements to another, specified, set of elements.
1969  * This operation is, essentially, the reverse of doing a regular
1970  * $(A).prepend(B), in that instead of prepending B to A, you're prepending
1971  * A to B.
1972  *
1973  * @example $("p").prependTo("#foo");
1974  * @before <p>I would like to say: </p><div id="foo"><b>Hello</b></div>
1975  * @result <div id="foo"><p>I would like to say: </p><b>Hello</b></div>
1976  * @desc Prepends all paragraphs to the element with the ID "foo"
1977  *
1978  * @name prependTo
1979  * @type jQuery
1980  * @param <Content> content Content to prepend to the selected element to.
1981  * @cat DOM/Manipulation
1982  * @see prepend(<Content>)
1983  */
1984
1985 /**
1986  * Insert all of the matched elements before another, specified, set of elements.
1987  * This operation is, essentially, the reverse of doing a regular
1988  * $(A).before(B), in that instead of inserting B before A, you're inserting
1989  * A before B.
1990  *
1991  * @example $("p").insertBefore("#foo");
1992  * @before <div id="foo">Hello</div><p>I would like to say: </p>
1993  * @result <p>I would like to say: </p><div id="foo">Hello</div>
1994  * @desc Same as $("#foo").before("p")
1995  *
1996  * @name insertBefore
1997  * @type jQuery
1998  * @param <Content> content Content to insert the selected element before.
1999  * @cat DOM/Manipulation
2000  * @see before(<Content>)
2001  */
2002
2003 /**
2004  * Insert all of the matched elements after another, specified, set of elements.
2005  * This operation is, essentially, the reverse of doing a regular
2006  * $(A).after(B), in that instead of inserting B after A, you're inserting
2007  * A after B.
2008  *
2009  * @example $("p").insertAfter("#foo");
2010  * @before <p>I would like to say: </p><div id="foo">Hello</div>
2011  * @result <div id="foo">Hello</div><p>I would like to say: </p>
2012  * @desc Same as $("#foo").after("p")
2013  *
2014  * @name insertAfter
2015  * @type jQuery
2016  * @param <Content> content Content to insert the selected element after.
2017  * @cat DOM/Manipulation
2018  * @see after(<Content>)
2019  */
2020
2021 jQuery.each({
2022         appendTo: "append",
2023         prependTo: "prepend",
2024         insertBefore: "before",
2025         insertAfter: "after"
2026 }, function(i,n){
2027         jQuery.fn[ i ] = function(){
2028                 var a = arguments;
2029                 return this.each(function(){
2030                         for ( var j = 0, al = a.length; j < al; j++ )
2031                                 jQuery(a[j])[n]( this );
2032                 });
2033         };
2034 });
2035
2036 /**
2037  * Remove an attribute from each of the matched elements.
2038  *
2039  * @example $("input").removeAttr("disabled")
2040  * @before <input disabled="disabled"/>
2041  * @result <input/>
2042  *
2043  * @name removeAttr
2044  * @type jQuery
2045  * @param String name The name of the attribute to remove.
2046  * @cat DOM/Attributes
2047  */
2048
2049 /**
2050  * Adds the specified class(es) to each of the set of matched elements.
2051  *
2052  * @example $("p").addClass("selected")
2053  * @before <p>Hello</p>
2054  * @result [ <p class="selected">Hello</p> ]
2055  *
2056  * @example $("p").addClass("selected highlight")
2057  * @before <p>Hello</p>
2058  * @result [ <p class="selected highlight">Hello</p> ]
2059  *
2060  * @name addClass
2061  * @type jQuery
2062  * @param String class One or more CSS classes to add to the elements
2063  * @cat DOM/Attributes
2064  * @see removeClass(String)
2065  */
2066
2067 /**
2068  * Removes all or the specified class(es) from the set of matched elements.
2069  *
2070  * @example $("p").removeClass()
2071  * @before <p class="selected">Hello</p>
2072  * @result [ <p>Hello</p> ]
2073  *
2074  * @example $("p").removeClass("selected")
2075  * @before <p class="selected first">Hello</p>
2076  * @result [ <p class="first">Hello</p> ]
2077  *
2078  * @example $("p").removeClass("selected highlight")
2079  * @before <p class="highlight selected first">Hello</p>
2080  * @result [ <p class="first">Hello</p> ]
2081  *
2082  * @name removeClass
2083  * @type jQuery
2084  * @param String class (optional) One or more CSS classes to remove from the elements
2085  * @cat DOM/Attributes
2086  * @see addClass(String)
2087  */
2088
2089 /**
2090  * Adds the specified class if it is not present, removes it if it is
2091  * present.
2092  *
2093  * @example $("p").toggleClass("selected")
2094  * @before <p>Hello</p><p class="selected">Hello Again</p>
2095  * @result [ <p class="selected">Hello</p>, <p>Hello Again</p> ]
2096  *
2097  * @name toggleClass
2098  * @type jQuery
2099  * @param String class A CSS class with which to toggle the elements
2100  * @cat DOM/Attributes
2101  */
2102
2103 /**
2104  * Removes all matched elements from the DOM. This does NOT remove them from the
2105  * jQuery object, allowing you to use the matched elements further.
2106  *
2107  * Can be filtered with an optional expressions.
2108  *
2109  * @example $("p").remove();
2110  * @before <p>Hello</p> how are <p>you?</p>
2111  * @result how are
2112  *
2113  * @example $("p").remove(".hello");
2114  * @before <p class="hello">Hello</p> how are <p>you?</p>
2115  * @result how are <p>you?</p>
2116  *
2117  * @name remove
2118  * @type jQuery
2119  * @param String expr (optional) A jQuery expression to filter elements by.
2120  * @cat DOM/Manipulation
2121  */
2122
2123 /**
2124  * Removes all child nodes from the set of matched elements.
2125  *
2126  * @example $("p").empty()
2127  * @before <p>Hello, <span>Person</span> <a href="#">and person</a></p>
2128  * @result [ <p></p> ]
2129  *
2130  * @name empty
2131  * @type jQuery
2132  * @cat DOM/Manipulation
2133  */
2134
2135 jQuery.each( {
2136         removeAttr: function( key ) {
2137                 jQuery.attr( this, key, "" );
2138                 this.removeAttribute( key );
2139         },
2140         addClass: function(c){
2141                 jQuery.className.add(this,c);
2142         },
2143         removeClass: function(c){
2144                 jQuery.className.remove(this,c);
2145         },
2146         toggleClass: function( c ){
2147                 jQuery.className[ jQuery.className.has(this,c) ? "remove" : "add" ](this, c);
2148         },
2149         remove: function(a){
2150                 if ( !a || jQuery.filter( a, [this] ).r.length )
2151                         this.parentNode.removeChild( this );
2152         },
2153         empty: function() {
2154                 while ( this.firstChild )
2155                         this.removeChild( this.firstChild );
2156         }
2157 }, function(i,n){
2158         jQuery.fn[ i ] = function() {
2159                 return this.each( n, arguments );
2160         };
2161 });
2162
2163 /**
2164  * Reduce the set of matched elements to a single element.
2165  * The position of the element in the set of matched elements
2166  * starts at 0 and goes to length - 1.
2167  *
2168  * @example $("p").eq(1)
2169  * @before <p>This is just a test.</p><p>So is this</p>
2170  * @result [ <p>So is this</p> ]
2171  *
2172  * @name eq
2173  * @type jQuery
2174  * @param Number pos The index of the element that you wish to limit to.
2175  * @cat Core
2176  */
2177
2178 /**
2179  * Reduce the set of matched elements to all elements before a given position.
2180  * The position of the element in the set of matched elements
2181  * starts at 0 and goes to length - 1.
2182  *
2183  * @example $("p").lt(1)
2184  * @before <p>This is just a test.</p><p>So is this</p>
2185  * @result [ <p>This is just a test.</p> ]
2186  *
2187  * @name lt
2188  * @type jQuery
2189  * @param Number pos Reduce the set to all elements below this position.
2190  * @cat Core
2191  */
2192
2193 /**
2194  * Reduce the set of matched elements to all elements after a given position.
2195  * The position of the element in the set of matched elements
2196  * starts at 0 and goes to length - 1.
2197  *
2198  * @example $("p").gt(0)
2199  * @before <p>This is just a test.</p><p>So is this</p>
2200  * @result [ <p>So is this</p> ]
2201  *
2202  * @name gt
2203  * @type jQuery
2204  * @param Number pos Reduce the set to all elements after this position.
2205  * @cat Core
2206  */
2207
2208 /**
2209  * Filter the set of elements to those that contain the specified text.
2210  *
2211  * @example $("p").contains("test")
2212  * @before <p>This is just a test.</p><p>So is this</p>
2213  * @result [ <p>This is just a test.</p> ]
2214  *
2215  * @name contains
2216  * @type jQuery
2217  * @param String str The string that will be contained within the text of an element.
2218  * @cat DOM/Traversing
2219  */
2220 jQuery.each( [ "eq", "lt", "gt", "contains" ], function(i,n){
2221         jQuery.fn[ n ] = function(num,fn) {
2222                 return this.filter( ":" + n + "(" + num + ")", fn );
2223         };
2224 });
2225
2226 /**
2227  * Get the current computed, pixel, width of the first matched element.
2228  *
2229  * @example $("p").width();
2230  * @before <p>This is just a test.</p>
2231  * @result 300
2232  *
2233  * @name width
2234  * @type String
2235  * @cat CSS
2236  */
2237
2238 /**
2239  * Set the CSS width of every matched element. If no explicit unit
2240  * was specified (like 'em' or '%') then "px" is added to the width.
2241  *
2242  * @example $("p").width(20);
2243  * @before <p>This is just a test.</p>
2244  * @result <p style="width:20px;">This is just a test.</p>
2245  *
2246  * @example $("p").width("20em");
2247  * @before <p>This is just a test.</p>
2248  * @result <p style="width:20em;">This is just a test.</p>
2249  *
2250  * @name width
2251  * @type jQuery
2252  * @param String|Number val Set the CSS property to the specified value.
2253  * @cat CSS
2254  */
2255  
2256 /**
2257  * Get the current computed, pixel, height of the first matched element.
2258  *
2259  * @example $("p").height();
2260  * @before <p>This is just a test.</p>
2261  * @result 300
2262  *
2263  * @name height
2264  * @type String
2265  * @cat CSS
2266  */
2267
2268 /**
2269  * Set the CSS height of every matched element. If no explicit unit
2270  * was specified (like 'em' or '%') then "px" is added to the width.
2271  *
2272  * @example $("p").height(20);
2273  * @before <p>This is just a test.</p>
2274  * @result <p style="height:20px;">This is just a test.</p>
2275  *
2276  * @example $("p").height("20em");
2277  * @before <p>This is just a test.</p>
2278  * @result <p style="height:20em;">This is just a test.</p>
2279  *
2280  * @name height
2281  * @type jQuery
2282  * @param String|Number val Set the CSS property to the specified value.
2283  * @cat CSS
2284  */
2285
2286 jQuery.each( [ "height", "width" ], function(i,n){
2287         jQuery.fn[ n ] = function(h) {
2288                 return h == undefined ?
2289                         ( this.length ? jQuery.css( this[0], n ) : null ) :
2290                         this.css( n, h.constructor == String ? h : h + "px" );
2291         };
2292 });