Fixes #7340. Use a single capturing handler to simulate bubbling focusin/focusout...
[jquery.git] / src / manipulation.js
1 (function( jQuery ) {
2
3 var rinlinejQuery = / jQuery\d+="(?:\d+|null)"/g,
4         rleadingWhitespace = /^\s+/,
5         rxhtmlTag = /<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/ig,
6         rtagName = /<([\w:]+)/,
7         rtbody = /<tbody/i,
8         rhtml = /<|&#?\w+;/,
9         rnocache = /<(?:script|object|embed|option|style)/i,
10         // checked="checked" or checked
11         rchecked = /checked\s*(?:[^=]|=\s*.checked.)/i,
12         wrapMap = {
13                 option: [ 1, "<select multiple='multiple'>", "</select>" ],
14                 legend: [ 1, "<fieldset>", "</fieldset>" ],
15                 thead: [ 1, "<table>", "</table>" ],
16                 tr: [ 2, "<table><tbody>", "</tbody></table>" ],
17                 td: [ 3, "<table><tbody><tr>", "</tr></tbody></table>" ],
18                 col: [ 2, "<table><tbody></tbody><colgroup>", "</colgroup></table>" ],
19                 area: [ 1, "<map>", "</map>" ],
20                 _default: [ 0, "", "" ]
21         };
22
23 wrapMap.optgroup = wrapMap.option;
24 wrapMap.tbody = wrapMap.tfoot = wrapMap.colgroup = wrapMap.caption = wrapMap.thead;
25 wrapMap.th = wrapMap.td;
26
27 // IE can't serialize <link> and <script> tags normally
28 if ( !jQuery.support.htmlSerialize ) {
29         wrapMap._default = [ 1, "div<div>", "</div>" ];
30 }
31
32 jQuery.fn.extend({
33         text: function( text ) {
34                 if ( jQuery.isFunction(text) ) {
35                         return this.each(function(i) {
36                                 var self = jQuery( this );
37
38                                 self.text( text.call(this, i, self.text()) );
39                         });
40                 }
41
42                 if ( typeof text !== "object" && text !== undefined ) {
43                         return this.empty().append( (this[0] && this[0].ownerDocument || document).createTextNode( text ) );
44                 }
45
46                 return jQuery.text( this );
47         },
48
49         wrapAll: function( html ) {
50                 if ( jQuery.isFunction( html ) ) {
51                         return this.each(function(i) {
52                                 jQuery(this).wrapAll( html.call(this, i) );
53                         });
54                 }
55
56                 if ( this[0] ) {
57                         // The elements to wrap the target around
58                         var wrap = jQuery( html, this[0].ownerDocument ).eq(0).clone(true);
59
60                         if ( this[0].parentNode ) {
61                                 wrap.insertBefore( this[0] );
62                         }
63
64                         wrap.map(function() {
65                                 var elem = this;
66
67                                 while ( elem.firstChild && elem.firstChild.nodeType === 1 ) {
68                                         elem = elem.firstChild;
69                                 }
70
71                                 return elem;
72                         }).append(this);
73                 }
74
75                 return this;
76         },
77
78         wrapInner: function( html ) {
79                 if ( jQuery.isFunction( html ) ) {
80                         return this.each(function(i) {
81                                 jQuery(this).wrapInner( html.call(this, i) );
82                         });
83                 }
84
85                 return this.each(function() {
86                         var self = jQuery( this ),
87                                 contents = self.contents();
88
89                         if ( contents.length ) {
90                                 contents.wrapAll( html );
91
92                         } else {
93                                 self.append( html );
94                         }
95                 });
96         },
97
98         wrap: function( html ) {
99                 return this.each(function() {
100                         jQuery( this ).wrapAll( html );
101                 });
102         },
103
104         unwrap: function() {
105                 return this.parent().each(function() {
106                         if ( !jQuery.nodeName( this, "body" ) ) {
107                                 jQuery( this ).replaceWith( this.childNodes );
108                         }
109                 }).end();
110         },
111
112         append: function() {
113                 return this.domManip(arguments, true, function( elem ) {
114                         if ( this.nodeType === 1 ) {
115                                 this.appendChild( elem );
116                         }
117                 });
118         },
119
120         prepend: function() {
121                 return this.domManip(arguments, true, function( elem ) {
122                         if ( this.nodeType === 1 ) {
123                                 this.insertBefore( elem, this.firstChild );
124                         }
125                 });
126         },
127
128         before: function() {
129                 if ( this[0] && this[0].parentNode ) {
130                         return this.domManip(arguments, false, function( elem ) {
131                                 this.parentNode.insertBefore( elem, this );
132                         });
133                 } else if ( arguments.length ) {
134                         var set = jQuery(arguments[0]);
135                         set.push.apply( set, this.toArray() );
136                         return this.pushStack( set, "before", arguments );
137                 }
138         },
139
140         after: function() {
141                 if ( this[0] && this[0].parentNode ) {
142                         return this.domManip(arguments, false, function( elem ) {
143                                 this.parentNode.insertBefore( elem, this.nextSibling );
144                         });
145                 } else if ( arguments.length ) {
146                         var set = this.pushStack( this, "after", arguments );
147                         set.push.apply( set, jQuery(arguments[0]).toArray() );
148                         return set;
149                 }
150         },
151
152         // keepData is for internal use only--do not document
153         remove: function( selector, keepData ) {
154                 for ( var i = 0, elem; (elem = this[i]) != null; i++ ) {
155                         if ( !selector || jQuery.filter( selector, [ elem ] ).length ) {
156                                 if ( !keepData && elem.nodeType === 1 ) {
157                                         jQuery.cleanData( elem.getElementsByTagName("*") );
158                                         jQuery.cleanData( [ elem ] );
159                                 }
160
161                                 if ( elem.parentNode ) {
162                                         elem.parentNode.removeChild( elem );
163                                 }
164                         }
165                 }
166
167                 return this;
168         },
169
170         empty: function() {
171                 for ( var i = 0, elem; (elem = this[i]) != null; i++ ) {
172                         // Remove element nodes and prevent memory leaks
173                         if ( elem.nodeType === 1 ) {
174                                 jQuery.cleanData( elem.getElementsByTagName("*") );
175                         }
176
177                         // Remove any remaining nodes
178                         while ( elem.firstChild ) {
179                                 elem.removeChild( elem.firstChild );
180                         }
181                 }
182
183                 return this;
184         },
185
186         clone: function( dataAndEvents, deepDataAndEvents ) {
187                 dataAndEvents = dataAndEvents == null ? false : dataAndEvents;
188                 deepDataAndEvents = deepDataAndEvents == null ? dataAndEvents : deepDataAndEvents;
189
190                 return this.map( function () {
191                         return jQuery.clone( this, dataAndEvents, deepDataAndEvents );
192                 });
193         },
194
195         html: function( value ) {
196                 if ( value === undefined ) {
197                         return this[0] && this[0].nodeType === 1 ?
198                                 this[0].innerHTML.replace(rinlinejQuery, "") :
199                                 null;
200
201                 // See if we can take a shortcut and just use innerHTML
202                 } else if ( typeof value === "string" && !rnocache.test( value ) &&
203                         (jQuery.support.leadingWhitespace || !rleadingWhitespace.test( value )) &&
204                         !wrapMap[ (rtagName.exec( value ) || ["", ""])[1].toLowerCase() ] ) {
205
206                         value = value.replace(rxhtmlTag, "<$1></$2>");
207
208                         try {
209                                 for ( var i = 0, l = this.length; i < l; i++ ) {
210                                         // Remove element nodes and prevent memory leaks
211                                         if ( this[i].nodeType === 1 ) {
212                                                 jQuery.cleanData( this[i].getElementsByTagName("*") );
213                                                 this[i].innerHTML = value;
214                                         }
215                                 }
216
217                         // If using innerHTML throws an exception, use the fallback method
218                         } catch(e) {
219                                 this.empty().append( value );
220                         }
221
222                 } else if ( jQuery.isFunction( value ) ) {
223                         this.each(function(i){
224                                 var self = jQuery( this );
225
226                                 self.html( value.call(this, i, self.html()) );
227                         });
228
229                 } else {
230                         this.empty().append( value );
231                 }
232
233                 return this;
234         },
235
236         replaceWith: function( value ) {
237                 if ( this[0] && this[0].parentNode ) {
238                         // Make sure that the elements are removed from the DOM before they are inserted
239                         // this can help fix replacing a parent with child elements
240                         if ( jQuery.isFunction( value ) ) {
241                                 return this.each(function(i) {
242                                         var self = jQuery(this), old = self.html();
243                                         self.replaceWith( value.call( this, i, old ) );
244                                 });
245                         }
246
247                         if ( typeof value !== "string" ) {
248                                 value = jQuery( value ).detach();
249                         }
250
251                         return this.each(function() {
252                                 var next = this.nextSibling,
253                                         parent = this.parentNode;
254
255                                 jQuery( this ).remove();
256
257                                 if ( next ) {
258                                         jQuery(next).before( value );
259                                 } else {
260                                         jQuery(parent).append( value );
261                                 }
262                         });
263                 } else {
264                         return this.pushStack( jQuery(jQuery.isFunction(value) ? value() : value), "replaceWith", value );
265                 }
266         },
267
268         detach: function( selector ) {
269                 return this.remove( selector, true );
270         },
271
272         domManip: function( args, table, callback ) {
273                 var results, first, fragment, parent,
274                         value = args[0],
275                         scripts = [];
276
277                 // We can't cloneNode fragments that contain checked, in WebKit
278                 if ( !jQuery.support.checkClone && arguments.length === 3 && typeof value === "string" && rchecked.test( value ) ) {
279                         return this.each(function() {
280                                 jQuery(this).domManip( args, table, callback, true );
281                         });
282                 }
283
284                 if ( jQuery.isFunction(value) ) {
285                         return this.each(function(i) {
286                                 var self = jQuery(this);
287                                 args[0] = value.call(this, i, table ? self.html() : undefined);
288                                 self.domManip( args, table, callback );
289                         });
290                 }
291
292                 if ( this[0] ) {
293                         parent = value && value.parentNode;
294
295                         // If we're in a fragment, just use that instead of building a new one
296                         if ( jQuery.support.parentNode && parent && parent.nodeType === 11 && parent.childNodes.length === this.length ) {
297                                 results = { fragment: parent };
298
299                         } else {
300                                 results = jQuery.buildFragment( args, this, scripts );
301                         }
302
303                         fragment = results.fragment;
304
305                         if ( fragment.childNodes.length === 1 ) {
306                                 first = fragment = fragment.firstChild;
307                         } else {
308                                 first = fragment.firstChild;
309                         }
310
311                         if ( first ) {
312                                 table = table && jQuery.nodeName( first, "tr" );
313
314                                 for ( var i = 0, l = this.length, lastIndex = l - 1; i < l; i++ ) {
315                                         callback.call(
316                                                 table ?
317                                                         root(this[i], first) :
318                                                         this[i],
319                                                 // Make sure that we do not leak memory by inadvertently discarding
320                                                 // the original fragment (which might have attached data) instead of
321                                                 // using it; in addition, use the original fragment object for the last
322                                                 // item instead of first because it can end up being emptied incorrectly
323                                                 // in certain situations (Bug #8070).
324                                                 // Fragments from the fragment cache must always be cloned and never used
325                                                 // in place.
326                                                 results.cacheable || (l > 1 && i < lastIndex) ?
327                                                         jQuery.clone( fragment, true, true ) :
328                                                         fragment
329                                         );
330                                 }
331                         }
332
333                         if ( scripts.length ) {
334                                 jQuery.each( scripts, evalScript );
335                         }
336                 }
337
338                 return this;
339         }
340 });
341
342 function root( elem, cur ) {
343         return jQuery.nodeName(elem, "table") ?
344                 (elem.getElementsByTagName("tbody")[0] ||
345                 elem.appendChild(elem.ownerDocument.createElement("tbody"))) :
346                 elem;
347 }
348
349 function cloneCopyEvent( src, dest ) {
350
351         if ( dest.nodeType !== 1 || !jQuery.hasData( src ) ) {
352                 return;
353         }
354
355         var internalKey = jQuery.expando,
356                 oldData = jQuery.data( src ),
357                 curData = jQuery.data( dest, oldData );
358
359         // Switch to use the internal data object, if it exists, for the next
360         // stage of data copying
361         if ( (oldData = oldData[ internalKey ]) ) {
362                 var events = oldData.events;
363                                 curData = curData[ internalKey ] = jQuery.extend({}, oldData);
364
365                 if ( events ) {
366                         delete curData.handle;
367                         curData.events = {};
368
369                         for ( var type in events ) {
370                                 for ( var i = 0, l = events[ type ].length; i < l; i++ ) {
371                                         jQuery.event.add( dest, type + ( events[ type ][ i ].namespace ? "." : "" ) + events[ type ][ i ].namespace, events[ type ][ i ], events[ type ][ i ].data );
372                                 }
373                         }
374                 }
375         }
376 }
377
378 function cloneFixAttributes(src, dest) {
379         // We do not need to do anything for non-Elements
380         if ( dest.nodeType !== 1 ) {
381                 return;
382         }
383
384         var nodeName = dest.nodeName.toLowerCase();
385
386         // clearAttributes removes the attributes, which we don't want,
387         // but also removes the attachEvent events, which we *do* want
388         dest.clearAttributes();
389
390         // mergeAttributes, in contrast, only merges back on the
391         // original attributes, not the events
392         dest.mergeAttributes(src);
393
394         // IE6-8 fail to clone children inside object elements that use
395         // the proprietary classid attribute value (rather than the type
396         // attribute) to identify the type of content to display
397         if ( nodeName === "object" ) {
398                 dest.outerHTML = src.outerHTML;
399
400         } else if ( nodeName === "input" && (src.type === "checkbox" || src.type === "radio") ) {
401                 // IE6-8 fails to persist the checked state of a cloned checkbox
402                 // or radio button. Worse, IE6-7 fail to give the cloned element
403                 // a checked appearance if the defaultChecked value isn't also set
404                 if ( src.checked ) {
405                         dest.defaultChecked = dest.checked = src.checked;
406                 }
407
408                 // IE6-7 get confused and end up setting the value of a cloned
409                 // checkbox/radio button to an empty string instead of "on"
410                 if ( dest.value !== src.value ) {
411                         dest.value = src.value;
412                 }
413
414         // IE6-8 fails to return the selected option to the default selected
415         // state when cloning options
416         } else if ( nodeName === "option" ) {
417                 dest.selected = src.defaultSelected;
418
419         // IE6-8 fails to set the defaultValue to the correct value when
420         // cloning other types of input fields
421         } else if ( nodeName === "input" || nodeName === "textarea" ) {
422                 dest.defaultValue = src.defaultValue;
423         }
424
425         // Event data gets referenced instead of copied if the expando
426         // gets copied too
427         dest.removeAttribute( jQuery.expando );
428 }
429
430 jQuery.buildFragment = function( args, nodes, scripts ) {
431         var fragment, cacheable, cacheresults,
432                 doc = (nodes && nodes[0] ? nodes[0].ownerDocument || nodes[0] : document);
433
434         // Only cache "small" (1/2 KB) HTML strings that are associated with the main document
435         // Cloning options loses the selected state, so don't cache them
436         // IE 6 doesn't like it when you put <object> or <embed> elements in a fragment
437         // Also, WebKit does not clone 'checked' attributes on cloneNode, so don't cache
438         if ( args.length === 1 && typeof args[0] === "string" && args[0].length < 512 && doc === document &&
439                 args[0].charAt(0) === "<" && !rnocache.test( args[0] ) && (jQuery.support.checkClone || !rchecked.test( args[0] )) ) {
440
441                 cacheable = true;
442                 cacheresults = jQuery.fragments[ args[0] ];
443                 if ( cacheresults ) {
444                         if ( cacheresults !== 1 ) {
445                                 fragment = cacheresults;
446                         }
447                 }
448         }
449
450         if ( !fragment ) {
451                 fragment = doc.createDocumentFragment();
452                 jQuery.clean( args, doc, fragment, scripts );
453         }
454
455         if ( cacheable ) {
456                 jQuery.fragments[ args[0] ] = cacheresults ? fragment : 1;
457         }
458
459         return { fragment: fragment, cacheable: cacheable };
460 };
461
462 jQuery.fragments = {};
463
464 jQuery.each({
465         appendTo: "append",
466         prependTo: "prepend",
467         insertBefore: "before",
468         insertAfter: "after",
469         replaceAll: "replaceWith"
470 }, function( name, original ) {
471         jQuery.fn[ name ] = function( selector ) {
472                 var ret = [],
473                         insert = jQuery( selector ),
474                         parent = this.length === 1 && this[0].parentNode;
475
476                 if ( parent && parent.nodeType === 11 && parent.childNodes.length === 1 && insert.length === 1 ) {
477                         insert[ original ]( this[0] );
478                         return this;
479
480                 } else {
481                         for ( var i = 0, l = insert.length; i < l; i++ ) {
482                                 var elems = (i > 0 ? this.clone(true) : this).get();
483                                 jQuery( insert[i] )[ original ]( elems );
484                                 ret = ret.concat( elems );
485                         }
486
487                         return this.pushStack( ret, name, insert.selector );
488                 }
489         };
490 });
491
492 function getAll( elem ) {
493         if ( "getElementsByTagName" in elem ) {
494                 return elem.getElementsByTagName( "*" );
495         
496         } else if ( "querySelectorAll" in elem ) {
497                 return elem.querySelectorAll( "*" );
498
499         } else {
500                 return [];
501         }
502 }
503
504 jQuery.extend({
505         clone: function( elem, dataAndEvents, deepDataAndEvents ) {
506                 var clone = elem.cloneNode(true),
507                                 srcElements,
508                                 destElements,
509                                 i;
510
511                 if ( (!jQuery.support.noCloneEvent || !jQuery.support.noCloneChecked) &&
512                                 (elem.nodeType === 1 || elem.nodeType === 11) && !jQuery.isXMLDoc(elem) ) {
513                         // IE copies events bound via attachEvent when using cloneNode.
514                         // Calling detachEvent on the clone will also remove the events
515                         // from the original. In order to get around this, we use some
516                         // proprietary methods to clear the events. Thanks to MooTools
517                         // guys for this hotness.
518
519                         cloneFixAttributes( elem, clone );
520
521                         // Using Sizzle here is crazy slow, so we use getElementsByTagName
522                         // instead
523                         srcElements = getAll( elem );
524                         destElements = getAll( clone );
525
526                         // Weird iteration because IE will replace the length property
527                         // with an element if you are cloning the body and one of the
528                         // elements on the page has a name or id of "length"
529                         for ( i = 0; srcElements[i]; ++i ) {
530                                 cloneFixAttributes( srcElements[i], destElements[i] );
531                         }
532                 }
533
534                 // Copy the events from the original to the clone
535                 if ( dataAndEvents ) {
536                         cloneCopyEvent( elem, clone );
537
538                         if ( deepDataAndEvents ) {
539                                 srcElements = getAll( elem );
540                                 destElements = getAll( clone );
541
542                                 for ( i = 0; srcElements[i]; ++i ) {
543                                         cloneCopyEvent( srcElements[i], destElements[i] );
544                                 }
545                         }
546                 }
547
548                 // Return the cloned set
549                 return clone;
550 },
551         clean: function( elems, context, fragment, scripts ) {
552                 context = context || document;
553
554                 // !context.createElement fails in IE with an error but returns typeof 'object'
555                 if ( typeof context.createElement === "undefined" ) {
556                         context = context.ownerDocument || context[0] && context[0].ownerDocument || document;
557                 }
558
559                 var ret = [];
560
561                 for ( var i = 0, elem; (elem = elems[i]) != null; i++ ) {
562                         if ( typeof elem === "number" ) {
563                                 elem += "";
564                         }
565
566                         if ( !elem ) {
567                                 continue;
568                         }
569
570                         // Convert html string into DOM nodes
571                         if ( typeof elem === "string" && !rhtml.test( elem ) ) {
572                                 elem = context.createTextNode( elem );
573
574                         } else if ( typeof elem === "string" ) {
575                                 // Fix "XHTML"-style tags in all browsers
576                                 elem = elem.replace(rxhtmlTag, "<$1></$2>");
577
578                                 // Trim whitespace, otherwise indexOf won't work as expected
579                                 var tag = (rtagName.exec( elem ) || ["", ""])[1].toLowerCase(),
580                                         wrap = wrapMap[ tag ] || wrapMap._default,
581                                         depth = wrap[0],
582                                         div = context.createElement("div");
583
584                                 // Go to html and back, then peel off extra wrappers
585                                 div.innerHTML = wrap[1] + elem + wrap[2];
586
587                                 // Move to the right depth
588                                 while ( depth-- ) {
589                                         div = div.lastChild;
590                                 }
591
592                                 // Remove IE's autoinserted <tbody> from table fragments
593                                 if ( !jQuery.support.tbody ) {
594
595                                         // String was a <table>, *may* have spurious <tbody>
596                                         var hasBody = rtbody.test(elem),
597                                                 tbody = tag === "table" && !hasBody ?
598                                                         div.firstChild && div.firstChild.childNodes :
599
600                                                         // String was a bare <thead> or <tfoot>
601                                                         wrap[1] === "<table>" && !hasBody ?
602                                                                 div.childNodes :
603                                                                 [];
604
605                                         for ( var j = tbody.length - 1; j >= 0 ; --j ) {
606                                                 if ( jQuery.nodeName( tbody[ j ], "tbody" ) && !tbody[ j ].childNodes.length ) {
607                                                         tbody[ j ].parentNode.removeChild( tbody[ j ] );
608                                                 }
609                                         }
610
611                                 }
612
613                                 // IE completely kills leading whitespace when innerHTML is used
614                                 if ( !jQuery.support.leadingWhitespace && rleadingWhitespace.test( elem ) ) {
615                                         div.insertBefore( context.createTextNode( rleadingWhitespace.exec(elem)[0] ), div.firstChild );
616                                 }
617
618                                 elem = div.childNodes;
619                         }
620
621                         if ( elem.nodeType ) {
622                                 ret.push( elem );
623                         } else {
624                                 ret = jQuery.merge( ret, elem );
625                         }
626                 }
627
628                 if ( fragment ) {
629                         for ( i = 0; ret[i]; i++ ) {
630                                 if ( scripts && jQuery.nodeName( ret[i], "script" ) && (!ret[i].type || ret[i].type.toLowerCase() === "text/javascript") ) {
631                                         scripts.push( ret[i].parentNode ? ret[i].parentNode.removeChild( ret[i] ) : ret[i] );
632
633                                 } else {
634                                         if ( ret[i].nodeType === 1 ) {
635                                                 ret.splice.apply( ret, [i + 1, 0].concat(jQuery.makeArray(ret[i].getElementsByTagName("script"))) );
636                                         }
637                                         fragment.appendChild( ret[i] );
638                                 }
639                         }
640                 }
641
642                 return ret;
643         },
644
645         cleanData: function( elems ) {
646                 var data, id, cache = jQuery.cache, internalKey = jQuery.expando, special = jQuery.event.special,
647                         deleteExpando = jQuery.support.deleteExpando;
648
649                 for ( var i = 0, elem; (elem = elems[i]) != null; i++ ) {
650                         if ( elem.nodeName && jQuery.noData[elem.nodeName.toLowerCase()] ) {
651                                 continue;
652                         }
653
654                         id = elem[ jQuery.expando ];
655
656                         if ( id ) {
657                                 data = cache[ id ] && cache[ id ][ internalKey ];
658
659                                 if ( data && data.events ) {
660                                         for ( var type in data.events ) {
661                                                 if ( special[ type ] ) {
662                                                         jQuery.event.remove( elem, type );
663
664                                                 // This is a shortcut to avoid jQuery.event.remove's overhead
665                                                 } else {
666                                                         jQuery.removeEvent( elem, type, data.handle );
667                                                 }
668                                         }
669
670                                         // Null the DOM reference to avoid IE6/7/8 leak (#7054)
671                                         if ( data.handle ) {
672                                                 data.handle.elem = null;
673                                         }
674                                 }
675
676                                 if ( deleteExpando ) {
677                                         delete elem[ jQuery.expando ];
678
679                                 } else if ( elem.removeAttribute ) {
680                                         elem.removeAttribute( jQuery.expando );
681                                 }
682
683                                 delete cache[ id ];
684                         }
685                 }
686         }
687 });
688
689 function evalScript( i, elem ) {
690         if ( elem.src ) {
691                 jQuery.ajax({
692                         url: elem.src,
693                         async: false,
694                         dataType: "script"
695                 });
696         } else {
697                 jQuery.globalEval( elem.text || elem.textContent || elem.innerHTML || "" );
698         }
699
700         if ( elem.parentNode ) {
701                 elem.parentNode.removeChild( elem );
702         }
703 }
704
705 })( jQuery );