jQuery from the inside - parsing html

We continue the work of the first article and try to figure out what jQuery does for us when we create DOM elements using this library.

In the last issue, we mentioned that when passing to jQuery instead of the html string selector, based on it , the parseHTML function will create the corresponding elements and return them in the usual jQuery object. Now we will look at all this more carefully and touch on, except core.js, also manipulation.js and attributes.js (briefly).

Start simple

jQuery determines that instead of the selector, the html string is passed by the first and last character (the “less” and “more” signs, opening and closing tags) or, if the first check failed, by the special regular /^(?:[^#<]*(<[\w\W]+>)[^>]*$|#([\w\-]*)$)/ .

ATTENTION : starting from version 1.9, the check will consist only in spying on the first character of the line, it should be “less than”. At least that's what they wrote in the blog . In this case, the string " test" html, jQuery , .

- , - , context.createElement( [tagName] ) , :
$('<div>') $('<div />') $('<div></div>') $(document.createElement('div'))
, , jQuery.attr , , . , , - .


jQuery , , core.js ", !" buildFragment manipulation.js, . - , DOM-, .


1.9 , . - , , 1.9 .

html- , . , document, html 512 , script , object , embed , option style - ( , Webkit' , checked, ). , , fragments , - html, .

- jQuery.fragments ! , - , . , - .

- :
var users = { 5: '', 6: '', 10: '' }; $.each(users, function(id, name) { $('<span id="user' + id + '" title=" ' + name + '">' + name + '</span>') .appendTo(document.body); } );
. , javascript- . jQuery.fragments :
> jQuery.fragments Object { <span id="user5" title=" "></span>: false <span id="user6" title=" "></span>: false <span id="user10" title=" "></span>: false }
span', jQuery.fragments . false - , , , - false . - , . - .

- jQuery.fragments . , , , , , .



, , . :
// ! $.each(users, function(id, name) { $('<span>', { 'id': 'user' + id, 'title': ' ' + name, 'text': name // <- ;) } ).appendTo(document.body); } ); ( DOM- , eforce , , )

jQuery.fragments , document.createElement('span') , title, - .

, jQuery.fragments , - , . span - , "user", $(''), - . .

, . , DocumentFragment clean, html-.

safeFragment
-, safeFragment , . IE html5- (. , ).


safeFragment , jQuery innerHTML html-

jQuery , - . wrapMap . - ? , innerHTML , , ! :
var k = document.createElement('div'); k.innerHTML = '<td>!</td>' > k <div>​!​</div>​
! , ! , 3 , , safeFrag .

IE - tbody .

, , childNodes safeFrag .

, ( , . ) parseHTML , ! ( ), .

?
, . clean , , ( jQuery ) , , , . , , . ? .


, ? , . ! , , - :)

, , - .

, .


html DOM , ,

  test"      html,  jQuery    ,  . 
 
 -  ,          - ,         context.createElement( [tagName] ) ,              : 
 $('<div>') $('<div />') $('<div></div>') $(document.createElement('div')) 
       ,      ,      jQuery.attr ,      ,    .  , ,    -   . 
 
     
    jQuery     ,       ,  core.js ",  !"    buildFragment  manipulation.js,     .  -   ,      DOM-,        . 
 
  
     1.9     ,    .          -  ,         ,   1.9          . 
 
     html-  ,        .   ,      document,   html   512 ,    script , object , embed , option  style    -  ( ,    Webkit'    ,     checked,      ). ,   ,     fragments ,        -     html,     . 
 
      -    jQuery.fragments    !   ,           -  ,  .   ,     -     . 
 
     -        : 
 var users = { 5: '', 6: '', 10: '' }; $.each(users, function(id, name) { $('<span id="user' + id + '" title=" ' + name + '">' + name + '</span>') .appendTo(document.body); } ); 
          .          ,     javascript-      .      jQuery.fragments : 
 > jQuery.fragments Object { <span id="user5" title=" "></span>: false <span id="user6" title=" "></span>: false <span id="user10" title=" "></span>: false } 
  span',     jQuery.fragments . false   -   ,    ,        ,    -  false    .   -  , .     -       . 
 
    -              jQuery.fragments .    , ,  , , ,     . 
 
  
 
     ,  ,    .        : 
 //   ! $.each(users, function(id, name) { $('<span>', { 'id': 'user' + id, 'title': ' ' + name, 'text': name // <-         ;) } ).appendTo(document.body); } ); (    DOM-             ,    eforce ,      ,  ) 
 
 jQuery.fragments      ,        document.createElement('span') ,       title,   -  . 
 
           ,         jQuery.fragments ,        -    ,     .         span  - ,   "user",            $(''),     - .  . 
 
 ,     .       ,    DocumentFragment        clean,         html-. 
 
 safeFragment 
          -, safeFragment ,    .   IE        html5- (.  ,  ). 
 
   
  safeFragment   ,   jQuery     innerHTML   html- 
 
   jQuery  ,       - .             wrapMap .   - ? ,        innerHTML  ,  , ! : 
 var k = document.createElement('div'); k.innerHTML = '<td>!</td>' > k <div>​!​</div>​ 
    ! ,    ! ,              3 ,     ,     safeFrag   . 
 
         IE -    tbody           . 
 
 , ,            childNodes     safeFrag . 
 
            ,     (  , . )      parseHTML , !         (   ),   . 
 
  ? 
 , .     clean ,   ,      (      jQuery )         ,       ,      ,      . ,              ,        . ?    . 
 
  
 ,  ?  , .   ! ,       ,   -  :) 
 
  , ,   -    . 
 
        ,   . 
 
    
   html   DOM , ,  

test" html, jQuery , .

- , - , context.createElement( [tagName] ) , :
$('<div>') $('<div />') $('<div></div>') $(document.createElement('div'))
, , jQuery.attr , , . , , - .


jQuery , , core.js ", !" buildFragment manipulation.js, . - , DOM-, .


1.9 , . - , , 1.9 .

html- , . , document, html 512 , script , object , embed , option style - ( , Webkit' , checked, ). , , fragments , - html, .

- jQuery.fragments ! , - , . , - .

- :
var users = { 5: '', 6: '', 10: '' }; $.each(users, function(id, name) { $('<span id="user' + id + '" title=" ' + name + '">' + name + '</span>') .appendTo(document.body); } );
. , javascript- . jQuery.fragments :
> jQuery.fragments Object { <span id="user5" title=" "></span>: false <span id="user6" title=" "></span>: false <span id="user10" title=" "></span>: false }
span', jQuery.fragments . false - , , , - false . - , . - .

- jQuery.fragments . , , , , , .



, , . :
// ! $.each(users, function(id, name) { $('<span>', { 'id': 'user' + id, 'title': ' ' + name, 'text': name // <- ;) } ).appendTo(document.body); } ); ( DOM- , eforce , , )

jQuery.fragments , document.createElement('span') , title, - .

, jQuery.fragments , - , . span - , "user", $(''), - . .

, . , DocumentFragment clean, html-.

safeFragment
-, safeFragment , . IE html5- (. , ).


safeFragment , jQuery innerHTML html-

jQuery , - . wrapMap . - ? , innerHTML , , ! :
var k = document.createElement('div'); k.innerHTML = '<td>!</td>' > k <div>​!​</div>​
! , ! , 3 , , safeFrag .

IE - tbody .

, , childNodes safeFrag .

, ( , . ) parseHTML , ! ( ), .

?
, . clean , , ( jQuery ) , , , . , , . ? .


, ? , . ! , , - :)

, , - .

, .


html DOM , ,

test" html, jQuery , .

- , - , context.createElement( [tagName] ) , :
$('<div>') $('<div />') $('<div></div>') $(document.createElement('div'))
, , jQuery.attr , , . , , - .


jQuery , , core.js ", !" buildFragment manipulation.js, . - , DOM-, .


1.9 , . - , , 1.9 .

html- , . , document, html 512 , script , object , embed , option style - ( , Webkit' , checked, ). , , fragments , - html, .

- jQuery.fragments ! , - , . , - .

- :
var users = { 5: '', 6: '', 10: '' }; $.each(users, function(id, name) { $('<span id="user' + id + '" title=" ' + name + '">' + name + '</span>') .appendTo(document.body); } );
. , javascript- . jQuery.fragments :
> jQuery.fragments Object { <span id="user5" title=" "></span>: false <span id="user6" title=" "></span>: false <span id="user10" title=" "></span>: false }
span', jQuery.fragments . false - , , , - false . - , . - .

- jQuery.fragments . , , , , , .



, , . :
// ! $.each(users, function(id, name) { $('<span>', { 'id': 'user' + id, 'title': ' ' + name, 'text': name // <- ;) } ).appendTo(document.body); } ); ( DOM- , eforce , , )

jQuery.fragments , document.createElement('span') , title, - .

, jQuery.fragments , - , . span - , "user", $(''), - . .

, . , DocumentFragment clean, html-.

safeFragment
-, safeFragment , . IE html5- (. , ).


safeFragment , jQuery innerHTML html-

jQuery , - . wrapMap . - ? , innerHTML , , ! :
var k = document.createElement('div'); k.innerHTML = '<td>!</td>' > k <div>​!​</div>​
! , ! , 3 , , safeFrag .

IE - tbody .

, , childNodes safeFrag .

, ( , . ) parseHTML , ! ( ), .

?
, . clean , , ( jQuery ) , , , . , , . ? .


, ? , . ! , , - :)

, , - .

, .


html DOM , ,

test" html, jQuery , .

- , - , context.createElement( [tagName] ) , :
$('<div>') $('<div />') $('<div></div>') $(document.createElement('div'))
, , jQuery.attr , , . , , - .


jQuery , , core.js ", !" buildFragment manipulation.js, . - , DOM-, .


1.9 , . - , , 1.9 .

html- , . , document, html 512 , script , object , embed , option style - ( , Webkit' , checked, ). , , fragments , - html, .

- jQuery.fragments ! , - , . , - .

- :
var users = { 5: '', 6: '', 10: '' }; $.each(users, function(id, name) { $('<span id="user' + id + '" title=" ' + name + '">' + name + '</span>') .appendTo(document.body); } );
. , javascript- . jQuery.fragments :
> jQuery.fragments Object { <span id="user5" title=" "></span>: false <span id="user6" title=" "></span>: false <span id="user10" title=" "></span>: false }
span', jQuery.fragments . false - , , , - false . - , . - .

- jQuery.fragments . , , , , , .



, , . :
// ! $.each(users, function(id, name) { $('<span>', { 'id': 'user' + id, 'title': ' ' + name, 'text': name // <- ;) } ).appendTo(document.body); } ); ( DOM- , eforce , , )

jQuery.fragments , document.createElement('span') , title, - .

, jQuery.fragments , - , . span - , "user", $(''), - . .

, . , DocumentFragment clean, html-.

safeFragment
-, safeFragment , . IE html5- (. , ).


safeFragment , jQuery innerHTML html-

jQuery , - . wrapMap . - ? , innerHTML , , ! :
var k = document.createElement('div'); k.innerHTML = '<td>!</td>' > k <div>​!​</div>​
! , ! , 3 , , safeFrag .

IE - tbody .

, , childNodes safeFrag .

, ( , . ) parseHTML , ! ( ), .

?
, . clean , , ( jQuery ) , , , . , , . ? .


, ? , . ! , , - :)

, , - .

, .


html DOM , ,

test" html, jQuery , .

- , - , context.createElement( [tagName] ) , :
$('<div>') $('<div />') $('<div></div>') $(document.createElement('div'))
, , jQuery.attr , , . , , - .


jQuery , , core.js ", !" buildFragment manipulation.js, . - , DOM-, .


1.9 , . - , , 1.9 .

html- , . , document, html 512 , script , object , embed , option style - ( , Webkit' , checked, ). , , fragments , - html, .

- jQuery.fragments ! , - , . , - .

- :
var users = { 5: '', 6: '', 10: '' }; $.each(users, function(id, name) { $('<span id="user' + id + '" title=" ' + name + '">' + name + '</span>') .appendTo(document.body); } );
. , javascript- . jQuery.fragments :
> jQuery.fragments Object { <span id="user5" title=" "></span>: false <span id="user6" title=" "></span>: false <span id="user10" title=" "></span>: false }
span', jQuery.fragments . false - , , , - false . - , . - .

- jQuery.fragments . , , , , , .



, , . :
// ! $.each(users, function(id, name) { $('<span>', { 'id': 'user' + id, 'title': ' ' + name, 'text': name // <- ;) } ).appendTo(document.body); } ); ( DOM- , eforce , , )

jQuery.fragments , document.createElement('span') , title, - .

, jQuery.fragments , - , . span - , "user", $(''), - . .

, . , DocumentFragment clean, html-.

safeFragment
-, safeFragment , . IE html5- (. , ).


safeFragment , jQuery innerHTML html-

jQuery , - . wrapMap . - ? , innerHTML , , ! :
var k = document.createElement('div'); k.innerHTML = '<td>!</td>' > k <div>​!​</div>​
! , ! , 3 , , safeFrag .

IE - tbody .

, , childNodes safeFrag .

, ( , . ) parseHTML , ! ( ), .

?
, . clean , , ( jQuery ) , , , . , , . ? .


, ? , . ! , , - :)

, , - .

, .


html DOM , ,

test" html, jQuery , .

- , - , context.createElement( [tagName] ) , :
$('<div>') $('<div />') $('<div></div>') $(document.createElement('div'))
, , jQuery.attr , , . , , - .


jQuery , , core.js ", !" buildFragment manipulation.js, . - , DOM-, .


1.9 , . - , , 1.9 .

html- , . , document, html 512 , script , object , embed , option style - ( , Webkit' , checked, ). , , fragments , - html, .

- jQuery.fragments ! , - , . , - .

- :
var users = { 5: '', 6: '', 10: '' }; $.each(users, function(id, name) { $('<span id="user' + id + '" title=" ' + name + '">' + name + '</span>') .appendTo(document.body); } );
. , javascript- . jQuery.fragments :
> jQuery.fragments Object { <span id="user5" title=" "></span>: false <span id="user6" title=" "></span>: false <span id="user10" title=" "></span>: false }
span', jQuery.fragments . false - , , , - false . - , . - .

- jQuery.fragments . , , , , , .



, , . :
// ! $.each(users, function(id, name) { $('<span>', { 'id': 'user' + id, 'title': ' ' + name, 'text': name // <- ;) } ).appendTo(document.body); } ); ( DOM- , eforce , , )

jQuery.fragments , document.createElement('span') , title, - .

, jQuery.fragments , - , . span - , "user", $(''), - . .

, . , DocumentFragment clean, html-.

safeFragment
-, safeFragment , . IE html5- (. , ).


safeFragment , jQuery innerHTML html-

jQuery , - . wrapMap . - ? , innerHTML , , ! :
var k = document.createElement('div'); k.innerHTML = '<td>!</td>' > k <div>​!​</div>​
! , ! , 3 , , safeFrag .

IE - tbody .

, , childNodes safeFrag .

, ( , . ) parseHTML , ! ( ), .

?
, . clean , , ( jQuery ) , , , . , , . ? .


, ? , . ! , , - :)

, , - .

, .


html DOM , ,

  test"      html,  jQuery    ,  . 
 
 -  ,          - ,         context.createElement( [tagName] ) ,              : 
 $('<div>') $('<div />') $('<div></div>') $(document.createElement('div')) 
       ,      ,      jQuery.attr ,      ,    .  , ,    -   . 
 
     
    jQuery     ,       ,  core.js ",  !"    buildFragment  manipulation.js,     .  -   ,      DOM-,        . 
 
  
     1.9     ,    .          -  ,         ,   1.9          . 
 
     html-  ,        .   ,      document,   html   512 ,    script , object , embed , option  style    -  ( ,    Webkit'    ,     checked,      ). ,   ,     fragments ,        -     html,     . 
 
      -    jQuery.fragments    !   ,           -  ,  .   ,     -     . 
 
     -        : 
 var users = { 5: '', 6: '', 10: '' }; $.each(users, function(id, name) { $('<span id="user' + id + '" title=" ' + name + '">' + name + '</span>') .appendTo(document.body); } ); 
          .          ,     javascript-      .      jQuery.fragments : 
 > jQuery.fragments Object { <span id="user5" title=" "></span>: false <span id="user6" title=" "></span>: false <span id="user10" title=" "></span>: false } 
  span',     jQuery.fragments . false   -   ,    ,        ,    -  false    .   -  , .     -       . 
 
    -              jQuery.fragments .    , ,  , , ,     . 
 
  
 
     ,  ,    .        : 
 //   ! $.each(users, function(id, name) { $('<span>', { 'id': 'user' + id, 'title': ' ' + name, 'text': name // <-         ;) } ).appendTo(document.body); } ); (    DOM-             ,    eforce ,      ,  ) 
 
 jQuery.fragments      ,        document.createElement('span') ,       title,   -  . 
 
           ,         jQuery.fragments ,        -    ,     .         span  - ,   "user",            $(''),     - .  . 
 
 ,     .       ,    DocumentFragment        clean,         html-. 
 
 safeFragment 
          -, safeFragment ,    .   IE        html5- (.  ,  ). 
 
   
  safeFragment   ,   jQuery     innerHTML   html- 
 
   jQuery  ,       - .             wrapMap .   - ? ,        innerHTML  ,  , ! : 
 var k = document.createElement('div'); k.innerHTML = '<td>!</td>' > k <div>​!​</div>​ 
    ! ,    ! ,              3 ,     ,     safeFrag   . 
 
         IE -    tbody           . 
 
 , ,            childNodes     safeFrag . 
 
            ,     (  , . )      parseHTML , !         (   ),   . 
 
  ? 
 , .     clean ,   ,      (      jQuery )         ,       ,      ,      . ,              ,        . ?    . 
 
  
 ,  ?  , .   ! ,       ,   -  :) 
 
  , ,   -    . 
 
        ,   . 
 
    
   html   DOM , ,  

test" html, jQuery , .

- , - , context.createElement( [tagName] ) , :
$('<div>') $('<div />') $('<div></div>') $(document.createElement('div'))
, , jQuery.attr , , . , , - .


jQuery , , core.js ", !" buildFragment manipulation.js, . - , DOM-, .


1.9 , . - , , 1.9 .

html- , . , document, html 512 , script , object , embed , option style - ( , Webkit' , checked, ). , , fragments , - html, .

- jQuery.fragments ! , - , . , - .

- :
var users = { 5: '', 6: '', 10: '' }; $.each(users, function(id, name) { $('<span id="user' + id + '" title=" ' + name + '">' + name + '</span>') .appendTo(document.body); } );
. , javascript- . jQuery.fragments :
> jQuery.fragments Object { <span id="user5" title=" "></span>: false <span id="user6" title=" "></span>: false <span id="user10" title=" "></span>: false }
span', jQuery.fragments . false - , , , - false . - , . - .

- jQuery.fragments . , , , , , .



, , . :
// ! $.each(users, function(id, name) { $('<span>', { 'id': 'user' + id, 'title': ' ' + name, 'text': name // <- ;) } ).appendTo(document.body); } ); ( DOM- , eforce , , )

jQuery.fragments , document.createElement('span') , title, - .

, jQuery.fragments , - , . span - , "user", $(''), - . .

, . , DocumentFragment clean, html-.

safeFragment
-, safeFragment , . IE html5- (. , ).


safeFragment , jQuery innerHTML html-

jQuery , - . wrapMap . - ? , innerHTML , , ! :
var k = document.createElement('div'); k.innerHTML = '<td>!</td>' > k <div>​!​</div>​
! , ! , 3 , , safeFrag .

IE - tbody .

, , childNodes safeFrag .

, ( , . ) parseHTML , ! ( ), .

?
, . clean , , ( jQuery ) , , , . , , . ? .


, ? , . ! , , - :)

, , - .

, .


html DOM , ,

  test"      html,  jQuery    ,  . 
 
 -  ,          - ,         context.createElement( [tagName] ) ,              : 
 $('<div>') $('<div />') $('<div></div>') $(document.createElement('div')) 
       ,      ,      jQuery.attr ,      ,    .  , ,    -   . 
 
     
    jQuery     ,       ,  core.js ",  !"    buildFragment  manipulation.js,     .  -   ,      DOM-,        . 
 
  
     1.9     ,    .          -  ,         ,   1.9          . 
 
     html-  ,        .   ,      document,   html   512 ,    script , object , embed , option  style    -  ( ,    Webkit'    ,     checked,      ). ,   ,     fragments ,        -     html,     . 
 
      -    jQuery.fragments    !   ,           -  ,  .   ,     -     . 
 
     -        : 
 var users = { 5: '', 6: '', 10: '' }; $.each(users, function(id, name) { $('<span id="user' + id + '" title=" ' + name + '">' + name + '</span>') .appendTo(document.body); } ); 
          .          ,     javascript-      .      jQuery.fragments : 
 > jQuery.fragments Object { <span id="user5" title=" "></span>: false <span id="user6" title=" "></span>: false <span id="user10" title=" "></span>: false } 
  span',     jQuery.fragments . false   -   ,    ,        ,    -  false    .   -  , .     -       . 
 
    -              jQuery.fragments .    , ,  , , ,     . 
 
  
 
     ,  ,    .        : 
 //   ! $.each(users, function(id, name) { $('<span>', { 'id': 'user' + id, 'title': ' ' + name, 'text': name // <-         ;) } ).appendTo(document.body); } ); (    DOM-             ,    eforce ,      ,  ) 
 
 jQuery.fragments      ,        document.createElement('span') ,       title,   -  . 
 
           ,         jQuery.fragments ,        -    ,     .         span  - ,   "user",            $(''),     - .  . 
 
 ,     .       ,    DocumentFragment        clean,         html-. 
 
 safeFragment 
          -, safeFragment ,    .   IE        html5- (.  ,  ). 
 
   
  safeFragment   ,   jQuery     innerHTML   html- 
 
   jQuery  ,       - .             wrapMap .   - ? ,        innerHTML  ,  , ! : 
 var k = document.createElement('div'); k.innerHTML = '<td>!</td>' > k <div>​!​</div>​ 
    ! ,    ! ,              3 ,     ,     safeFrag   . 
 
         IE -    tbody           . 
 
 , ,            childNodes     safeFrag . 
 
            ,     (  , . )      parseHTML , !         (   ),   . 
 
  ? 
 , .     clean ,   ,      (      jQuery )         ,       ,      ,      . ,              ,        . ?    . 
 
  
 ,  ?  , .   ! ,       ,   -  :) 
 
  , ,   -    . 
 
        ,   . 
 
    
   html   DOM , ,  

test" html, jQuery , .

- , - , context.createElement( [tagName] ) , :
$('<div>') $('<div />') $('<div></div>') $(document.createElement('div'))
, , jQuery.attr , , . , , - .


jQuery , , core.js ", !" buildFragment manipulation.js, . - , DOM-, .


1.9 , . - , , 1.9 .

html- , . , document, html 512 , script , object , embed , option style - ( , Webkit' , checked, ). , , fragments , - html, .

- jQuery.fragments ! , - , . , - .

- :
var users = { 5: '', 6: '', 10: '' }; $.each(users, function(id, name) { $('<span id="user' + id + '" title=" ' + name + '">' + name + '</span>') .appendTo(document.body); } );
. , javascript- . jQuery.fragments :
> jQuery.fragments Object { <span id="user5" title=" "></span>: false <span id="user6" title=" "></span>: false <span id="user10" title=" "></span>: false }
span', jQuery.fragments . false - , , , - false . - , . - .

- jQuery.fragments . , , , , , .



, , . :
// ! $.each(users, function(id, name) { $('<span>', { 'id': 'user' + id, 'title': ' ' + name, 'text': name // <- ;) } ).appendTo(document.body); } ); ( DOM- , eforce , , )

jQuery.fragments , document.createElement('span') , title, - .

, jQuery.fragments , - , . span - , "user", $(''), - . .

, . , DocumentFragment clean, html-.

safeFragment
-, safeFragment , . IE html5- (. , ).


safeFragment , jQuery innerHTML html-

jQuery , - . wrapMap . - ? , innerHTML , , ! :
var k = document.createElement('div'); k.innerHTML = '<td>!</td>' > k <div>​!​</div>​
! , ! , 3 , , safeFrag .

IE - tbody .

, , childNodes safeFrag .

, ( , . ) parseHTML , ! ( ), .

?
, . clean , , ( jQuery ) , , , . , , . ? .


, ? , . ! , , - :)

, , - .

, .


html DOM , ,

  test"      html,  jQuery    ,  . 
 
 -  ,          - ,         context.createElement( [tagName] ) ,              : 
 $('<div>') $('<div />') $('<div></div>') $(document.createElement('div')) 
       ,      ,      jQuery.attr ,      ,    .  , ,    -   . 
 
     
    jQuery     ,       ,  core.js ",  !"    buildFragment  manipulation.js,     .  -   ,      DOM-,        . 
 
  
     1.9     ,    .          -  ,         ,   1.9          . 
 
     html-  ,        .   ,      document,   html   512 ,    script , object , embed , option  style    -  ( ,    Webkit'    ,     checked,      ). ,   ,     fragments ,        -     html,     . 
 
      -    jQuery.fragments    !   ,           -  ,  .   ,     -     . 
 
     -        : 
 var users = { 5: '', 6: '', 10: '' }; $.each(users, function(id, name) { $('<span id="user' + id + '" title=" ' + name + '">' + name + '</span>') .appendTo(document.body); } ); 
          .          ,     javascript-      .      jQuery.fragments : 
 > jQuery.fragments Object { <span id="user5" title=" "></span>: false <span id="user6" title=" "></span>: false <span id="user10" title=" "></span>: false } 
  span',     jQuery.fragments . false   -   ,    ,        ,    -  false    .   -  , .     -       . 
 
    -              jQuery.fragments .    , ,  , , ,     . 
 
  
 
     ,  ,    .        : 
 //   ! $.each(users, function(id, name) { $('<span>', { 'id': 'user' + id, 'title': ' ' + name, 'text': name // <-         ;) } ).appendTo(document.body); } ); (    DOM-             ,    eforce ,      ,  ) 
 
 jQuery.fragments      ,        document.createElement('span') ,       title,   -  . 
 
           ,         jQuery.fragments ,        -    ,     .         span  - ,   "user",            $(''),     - .  . 
 
 ,     .       ,    DocumentFragment        clean,         html-. 
 
 safeFragment 
          -, safeFragment ,    .   IE        html5- (.  ,  ). 
 
   
  safeFragment   ,   jQuery     innerHTML   html- 
 
   jQuery  ,       - .             wrapMap .   - ? ,        innerHTML  ,  , ! : 
 var k = document.createElement('div'); k.innerHTML = '<td>!</td>' > k <div>​!​</div>​ 
    ! ,    ! ,              3 ,     ,     safeFrag   . 
 
         IE -    tbody           . 
 
 , ,            childNodes     safeFrag . 
 
            ,     (  , . )      parseHTML , !         (   ),   . 
 
  ? 
 , .     clean ,   ,      (      jQuery )         ,       ,      ,      . ,              ,        . ?    . 
 
  
 ,  ?  , .   ! ,       ,   -  :) 
 
  , ,   -    . 
 
        ,   . 
 
    
   html   DOM , ,  

test" html, jQuery , .

- , - , context.createElement( [tagName] ) , :
$('<div>') $('<div />') $('<div></div>') $(document.createElement('div'))
, , jQuery.attr , , . , , - .


jQuery , , core.js ", !" buildFragment manipulation.js, . - , DOM-, .


1.9 , . - , , 1.9 .

html- , . , document, html 512 , script , object , embed , option style - ( , Webkit' , checked, ). , , fragments , - html, .

- jQuery.fragments ! , - , . , - .

- :
var users = { 5: '', 6: '', 10: '' }; $.each(users, function(id, name) { $('<span id="user' + id + '" title=" ' + name + '">' + name + '</span>') .appendTo(document.body); } );
. , javascript- . jQuery.fragments :
> jQuery.fragments Object { <span id="user5" title=" "></span>: false <span id="user6" title=" "></span>: false <span id="user10" title=" "></span>: false }
span', jQuery.fragments . false - , , , - false . - , . - .

- jQuery.fragments . , , , , , .



, , . :
// ! $.each(users, function(id, name) { $('<span>', { 'id': 'user' + id, 'title': ' ' + name, 'text': name // <- ;) } ).appendTo(document.body); } ); ( DOM- , eforce , , )

jQuery.fragments , document.createElement('span') , title, - .

, jQuery.fragments , - , . span - , "user", $(''), - . .

, . , DocumentFragment clean, html-.

safeFragment
-, safeFragment , . IE html5- (. , ).


safeFragment , jQuery innerHTML html-

jQuery , - . wrapMap . - ? , innerHTML , , ! :
var k = document.createElement('div'); k.innerHTML = '<td>!</td>' > k <div>​!​</div>​
! , ! , 3 , , safeFrag .

IE - tbody .

, , childNodes safeFrag .

, ( , . ) parseHTML , ! ( ), .

?
, . clean , , ( jQuery ) , , , . , , . ? .


, ? , . ! , , - :)

, , - .

, .


html DOM , ,

test" html, jQuery , .

- , - , context.createElement( [tagName] ) , :
$('<div>') $('<div />') $('<div></div>') $(document.createElement('div'))
, , jQuery.attr , , . , , - .


jQuery , , core.js ", !" buildFragment manipulation.js, . - , DOM-, .


1.9 , . - , , 1.9 .

html- , . , document, html 512 , script , object , embed , option style - ( , Webkit' , checked, ). , , fragments , - html, .

- jQuery.fragments ! , - , . , - .

- :
var users = { 5: '', 6: '', 10: '' }; $.each(users, function(id, name) { $('<span id="user' + id + '" title=" ' + name + '">' + name + '</span>') .appendTo(document.body); } );
. , javascript- . jQuery.fragments :
> jQuery.fragments Object { <span id="user5" title=" "></span>: false <span id="user6" title=" "></span>: false <span id="user10" title=" "></span>: false }
span', jQuery.fragments . false - , , , - false . - , . - .

- jQuery.fragments . , , , , , .



, , . :
// ! $.each(users, function(id, name) { $('<span>', { 'id': 'user' + id, 'title': ' ' + name, 'text': name // <- ;) } ).appendTo(document.body); } ); ( DOM- , eforce , , )

jQuery.fragments , document.createElement('span') , title, - .

, jQuery.fragments , - , . span - , "user", $(''), - . .

, . , DocumentFragment clean, html-.

safeFragment
-, safeFragment , . IE html5- (. , ).


safeFragment , jQuery innerHTML html-

jQuery , - . wrapMap . - ? , innerHTML , , ! :
var k = document.createElement('div'); k.innerHTML = '<td>!</td>' > k <div>​!​</div>​
! , ! , 3 , , safeFrag .

IE - tbody .

, , childNodes safeFrag .

, ( , . ) parseHTML , ! ( ), .

?
, . clean , , ( jQuery ) , , , . , , . ? .


, ? , . ! , , - :)

, , - .

, .


html DOM , ,

test" html, jQuery , .

- , - , context.createElement( [tagName] ) , :
$('<div>') $('<div />') $('<div></div>') $(document.createElement('div'))
, , jQuery.attr , , . , , - .


jQuery , , core.js ", !" buildFragment manipulation.js, . - , DOM-, .


1.9 , . - , , 1.9 .

html- , . , document, html 512 , script , object , embed , option style - ( , Webkit' , checked, ). , , fragments , - html, .

- jQuery.fragments ! , - , . , - .

- :
var users = { 5: '', 6: '', 10: '' }; $.each(users, function(id, name) { $('<span id="user' + id + '" title=" ' + name + '">' + name + '</span>') .appendTo(document.body); } );
. , javascript- . jQuery.fragments :
> jQuery.fragments Object { <span id="user5" title=" "></span>: false <span id="user6" title=" "></span>: false <span id="user10" title=" "></span>: false }
span', jQuery.fragments . false - , , , - false . - , . - .

- jQuery.fragments . , , , , , .



, , . :
// ! $.each(users, function(id, name) { $('<span>', { 'id': 'user' + id, 'title': ' ' + name, 'text': name // <- ;) } ).appendTo(document.body); } ); ( DOM- , eforce , , )

jQuery.fragments , document.createElement('span') , title, - .

, jQuery.fragments , - , . span - , "user", $(''), - . .

, . , DocumentFragment clean, html-.

safeFragment
-, safeFragment , . IE html5- (. , ).


safeFragment , jQuery innerHTML html-

jQuery , - . wrapMap . - ? , innerHTML , , ! :
var k = document.createElement('div'); k.innerHTML = '<td>!</td>' > k <div>​!​</div>​
! , ! , 3 , , safeFrag .

IE - tbody .

, , childNodes safeFrag .

, ( , . ) parseHTML , ! ( ), .

?
, . clean , , ( jQuery ) , , , . , , . ? .


, ? , . ! , , - :)

, , - .

, .


html DOM , ,

test" html, jQuery , .

- , - , context.createElement( [tagName] ) , :
$('<div>') $('<div />') $('<div></div>') $(document.createElement('div'))
, , jQuery.attr , , . , , - .


jQuery , , core.js ", !" buildFragment manipulation.js, . - , DOM-, .


1.9 , . - , , 1.9 .

html- , . , document, html 512 , script , object , embed , option style - ( , Webkit' , checked, ). , , fragments , - html, .

- jQuery.fragments ! , - , . , - .

- :
var users = { 5: '', 6: '', 10: '' }; $.each(users, function(id, name) { $('<span id="user' + id + '" title=" ' + name + '">' + name + '</span>') .appendTo(document.body); } );
. , javascript- . jQuery.fragments :
> jQuery.fragments Object { <span id="user5" title=" "></span>: false <span id="user6" title=" "></span>: false <span id="user10" title=" "></span>: false }
span', jQuery.fragments . false - , , , - false . - , . - .

- jQuery.fragments . , , , , , .



, , . :
// ! $.each(users, function(id, name) { $('<span>', { 'id': 'user' + id, 'title': ' ' + name, 'text': name // <- ;) } ).appendTo(document.body); } ); ( DOM- , eforce , , )

jQuery.fragments , document.createElement('span') , title, - .

, jQuery.fragments , - , . span - , "user", $(''), - . .

, . , DocumentFragment clean, html-.

safeFragment
-, safeFragment , . IE html5- (. , ).


safeFragment , jQuery innerHTML html-

jQuery , - . wrapMap . - ? , innerHTML , , ! :
var k = document.createElement('div'); k.innerHTML = '<td>!</td>' > k <div>​!​</div>​
! , ! , 3 , , safeFrag .

IE - tbody .

, , childNodes safeFrag .

, ( , . ) parseHTML , ! ( ), .

?
, . clean , , ( jQuery ) , , , . , , . ? .


, ? , . ! , , - :)

, , - .

, .


html DOM , ,

test" html, jQuery , .

- , - , context.createElement( [tagName] ) , :
$('<div>') $('<div />') $('<div></div>') $(document.createElement('div'))
, , jQuery.attr , , . , , - .


jQuery , , core.js ", !" buildFragment manipulation.js, . - , DOM-, .


1.9 , . - , , 1.9 .

html- , . , document, html 512 , script , object , embed , option style - ( , Webkit' , checked, ). , , fragments , - html, .

- jQuery.fragments ! , - , . , - .

- :
var users = { 5: '', 6: '', 10: '' }; $.each(users, function(id, name) { $('<span id="user' + id + '" title=" ' + name + '">' + name + '</span>') .appendTo(document.body); } );
. , javascript- . jQuery.fragments :
> jQuery.fragments Object { <span id="user5" title=" "></span>: false <span id="user6" title=" "></span>: false <span id="user10" title=" "></span>: false }
span', jQuery.fragments . false - , , , - false . - , . - .

- jQuery.fragments . , , , , , .



, , . :
// ! $.each(users, function(id, name) { $('<span>', { 'id': 'user' + id, 'title': ' ' + name, 'text': name // <- ;) } ).appendTo(document.body); } ); ( DOM- , eforce , , )

jQuery.fragments , document.createElement('span') , title, - .

, jQuery.fragments , - , . span - , "user", $(''), - . .

, . , DocumentFragment clean, html-.

safeFragment
-, safeFragment , . IE html5- (. , ).


safeFragment , jQuery innerHTML html-

jQuery , - . wrapMap . - ? , innerHTML , , ! :
var k = document.createElement('div'); k.innerHTML = '<td>!</td>' > k <div>​!​</div>​
! , ! , 3 , , safeFrag .

IE - tbody .

, , childNodes safeFrag .

, ( , . ) parseHTML , ! ( ), .

?
, . clean , , ( jQuery ) , , , . , , . ? .


, ? , . ! , , - :)

, , - .

, .


html DOM , ,

  test"      html,  jQuery    ,  . 
 
 -  ,          - ,         context.createElement( [tagName] ) ,              : 
 $('<div>') $('<div />') $('<div></div>') $(document.createElement('div')) 
       ,      ,      jQuery.attr ,      ,    .  , ,    -   . 
 
     
    jQuery     ,       ,  core.js ",  !"    buildFragment  manipulation.js,     .  -   ,      DOM-,        . 
 
  
     1.9     ,    .          -  ,         ,   1.9          . 
 
     html-  ,        .   ,      document,   html   512 ,    script , object , embed , option  style    -  ( ,    Webkit'    ,     checked,      ). ,   ,     fragments ,        -     html,     . 
 
      -    jQuery.fragments    !   ,           -  ,  .   ,     -     . 
 
     -        : 
 var users = { 5: '', 6: '', 10: '' }; $.each(users, function(id, name) { $('<span id="user' + id + '" title=" ' + name + '">' + name + '</span>') .appendTo(document.body); } ); 
          .          ,     javascript-      .      jQuery.fragments : 
 > jQuery.fragments Object { <span id="user5" title=" "></span>: false <span id="user6" title=" "></span>: false <span id="user10" title=" "></span>: false } 
  span',     jQuery.fragments . false   -   ,    ,        ,    -  false    .   -  , .     -       . 
 
    -              jQuery.fragments .    , ,  , , ,     . 
 
  
 
     ,  ,    .        : 
 //   ! $.each(users, function(id, name) { $('<span>', { 'id': 'user' + id, 'title': ' ' + name, 'text': name // <-         ;) } ).appendTo(document.body); } ); (    DOM-             ,    eforce ,      ,  ) 
 
 jQuery.fragments      ,        document.createElement('span') ,       title,   -  . 
 
           ,         jQuery.fragments ,        -    ,     .         span  - ,   "user",            $(''),     - .  . 
 
 ,     .       ,    DocumentFragment        clean,         html-. 
 
 safeFragment 
          -, safeFragment ,    .   IE        html5- (.  ,  ). 
 
   
  safeFragment   ,   jQuery     innerHTML   html- 
 
   jQuery  ,       - .             wrapMap .   - ? ,        innerHTML  ,  , ! : 
 var k = document.createElement('div'); k.innerHTML = '<td>!</td>' > k <div>​!​</div>​ 
    ! ,    ! ,              3 ,     ,     safeFrag   . 
 
         IE -    tbody           . 
 
 , ,            childNodes     safeFrag . 
 
            ,     (  , . )      parseHTML , !         (   ),   . 
 
  ? 
 , .     clean ,   ,      (      jQuery )         ,       ,      ,      . ,              ,        . ?    . 
 
  
 ,  ?  , .   ! ,       ,   -  :) 
 
  , ,   -    . 
 
        ,   . 
 
    
   html   DOM , ,  

test" html, jQuery , .

- , - , context.createElement( [tagName] ) , :
$('<div>') $('<div />') $('<div></div>') $(document.createElement('div'))
, , jQuery.attr , , . , , - .


jQuery , , core.js ", !" buildFragment manipulation.js, . - , DOM-, .


1.9 , . - , , 1.9 .

html- , . , document, html 512 , script , object , embed , option style - ( , Webkit' , checked, ). , , fragments , - html, .

- jQuery.fragments ! , - , . , - .

- :
var users = { 5: '', 6: '', 10: '' }; $.each(users, function(id, name) { $('<span id="user' + id + '" title=" ' + name + '">' + name + '</span>') .appendTo(document.body); } );
. , javascript- . jQuery.fragments :
> jQuery.fragments Object { <span id="user5" title=" "></span>: false <span id="user6" title=" "></span>: false <span id="user10" title=" "></span>: false }
span', jQuery.fragments . false - , , , - false . - , . - .

- jQuery.fragments . , , , , , .



, , . :
// ! $.each(users, function(id, name) { $('<span>', { 'id': 'user' + id, 'title': ' ' + name, 'text': name // <- ;) } ).appendTo(document.body); } ); ( DOM- , eforce , , )

jQuery.fragments , document.createElement('span') , title, - .

, jQuery.fragments , - , . span - , "user", $(''), - . .

, . , DocumentFragment clean, html-.

safeFragment
-, safeFragment , . IE html5- (. , ).


safeFragment , jQuery innerHTML html-

jQuery , - . wrapMap . - ? , innerHTML , , ! :
var k = document.createElement('div'); k.innerHTML = '<td>!</td>' > k <div>​!​</div>​
! , ! , 3 , , safeFrag .

IE - tbody .

, , childNodes safeFrag .

, ( , . ) parseHTML , ! ( ), .

?
, . clean , , ( jQuery ) , , , . , , . ? .


, ? , . ! , , - :)

, , - .

, .


html DOM , ,

test" html, jQuery , . - , - , context.createElement( [tagName] ) , : $('<div>') $('<div />') $('<div></div>') $(document.createElement('div')) , , jQuery.attr , , . , , - . jQuery , , core.js ", !" buildFragment manipulation.js, . - , DOM-, . 1.9 , . - , , 1.9 . html- , . , document, html 512 , script , object , embed , option style - ( , Webkit' , checked, ). , , fragments , - html, . - jQuery.fragments ! , - , . , - . - : var users = { 5: '', 6: '', 10: '' }; $.each(users, function(id, name) { $('<span id="user' + id + '" title=" ' + name + '">' + name + '</span>') .appendTo(document.body); } ); . , javascript- . jQuery.fragments : > jQuery.fragments Object { <span id="user5" title=" "></span>: false <span id="user6" title=" "></span>: false <span id="user10" title=" "></span>: false } span', jQuery.fragments . false - , , , - false . - , . - . - jQuery.fragments . , , , , , . , , . : // ! $.each(users, function(id, name) { $('<span>', { 'id': 'user' + id, 'title': ' ' + name, 'text': name // <- ;) } ).appendTo(document.body); } ); ( DOM- , eforce , , ) jQuery.fragments , document.createElement('span') , title, - . , jQuery.fragments , - , . span - , "user", $(''), - . . , . , DocumentFragment clean, html-. safeFragment -, safeFragment , . IE html5- (. , ). safeFragment , jQuery innerHTML html- jQuery , - . wrapMap . - ? , innerHTML , , ! : var k = document.createElement('div'); k.innerHTML = '<td>!</td>' > k <div>​!​</div>​ ! , ! , 3 , , safeFrag . IE - tbody . , , childNodes safeFrag . , ( , . ) parseHTML , ! ( ), . ? , . clean , , ( jQuery ) , , , . , , . ? . , ? , . ! , , - :) , , - . , . html DOM , ,

test" html, jQuery , .

- , - , context.createElement( [tagName] ) , :
$('<div>') $('<div />') $('<div></div>') $(document.createElement('div'))
, , jQuery.attr , , . , , - .


jQuery , , core.js ", !" buildFragment manipulation.js, . - , DOM-, .


1.9 , . - , , 1.9 .

html- , . , document, html 512 , script , object , embed , option style - ( , Webkit' , checked, ). , , fragments , - html, .

- jQuery.fragments ! , - , . , - .

- :
var users = { 5: '', 6: '', 10: '' }; $.each(users, function(id, name) { $('<span id="user' + id + '" title=" ' + name + '">' + name + '</span>') .appendTo(document.body); } );
. , javascript- . jQuery.fragments :
> jQuery.fragments Object { <span id="user5" title=" "></span>: false <span id="user6" title=" "></span>: false <span id="user10" title=" "></span>: false }
span', jQuery.fragments . false - , , , - false . - , . - .

- jQuery.fragments . , , , , , .



, , . :
// ! $.each(users, function(id, name) { $('<span>', { 'id': 'user' + id, 'title': ' ' + name, 'text': name // <- ;) } ).appendTo(document.body); } ); ( DOM- , eforce , , )

jQuery.fragments , document.createElement('span') , title, - .

, jQuery.fragments , - , . span - , "user", $(''), - . .

, . , DocumentFragment clean, html-.

safeFragment
-, safeFragment , . IE html5- (. , ).


safeFragment , jQuery innerHTML html-

jQuery , - . wrapMap . - ? , innerHTML , , ! :
var k = document.createElement('div'); k.innerHTML = '<td>!</td>' > k <div>​!​</div>​
! , ! , 3 , , safeFrag .

IE - tbody .

, , childNodes safeFrag .

, ( , . ) parseHTML , ! ( ), .

?
, . clean , , ( jQuery ) , , , . , , . ? .


, ? , . ! , , - :)

, , - .

, .


html DOM , ,

test" html, jQuery , .

- , - , context.createElement( [tagName] ) , :
$('<div>') $('<div />') $('<div></div>') $(document.createElement('div'))
, , jQuery.attr , , . , , - .


jQuery , , core.js ", !" buildFragment manipulation.js, . - , DOM-, .


1.9 , . - , , 1.9 .

html- , . , document, html 512 , script , object , embed , option style - ( , Webkit' , checked, ). , , fragments , - html, .

- jQuery.fragments ! , - , . , - .

- :
var users = { 5: '', 6: '', 10: '' }; $.each(users, function(id, name) { $('<span id="user' + id + '" title=" ' + name + '">' + name + '</span>') .appendTo(document.body); } );
. , javascript- . jQuery.fragments :
> jQuery.fragments Object { <span id="user5" title=" "></span>: false <span id="user6" title=" "></span>: false <span id="user10" title=" "></span>: false }
span', jQuery.fragments . false - , , , - false . - , . - .

- jQuery.fragments . , , , , , .



, , . :
// ! $.each(users, function(id, name) { $('<span>', { 'id': 'user' + id, 'title': ' ' + name, 'text': name // <- ;) } ).appendTo(document.body); } ); ( DOM- , eforce , , )

jQuery.fragments , document.createElement('span') , title, - .

, jQuery.fragments , - , . span - , "user", $(''), - . .

, . , DocumentFragment clean, html-.

safeFragment
-, safeFragment , . IE html5- (. , ).


safeFragment , jQuery innerHTML html-

jQuery , - . wrapMap . - ? , innerHTML , , ! :
var k = document.createElement('div'); k.innerHTML = '<td>!</td>' > k <div>​!​</div>​
! , ! , 3 , , safeFrag .

IE - tbody .

, , childNodes safeFrag .

, ( , . ) parseHTML , ! ( ), .

?
, . clean , , ( jQuery ) , , , . , , . ? .


, ? , . ! , , - :)

, , - .

, .


html DOM , ,

test" html, jQuery , .

- , - , context.createElement( [tagName] ) , :
$('<div>') $('<div />') $('<div></div>') $(document.createElement('div'))
, , jQuery.attr , , . , , - .


jQuery , , core.js ", !" buildFragment manipulation.js, . - , DOM-, .


1.9 , . - , , 1.9 .

html- , . , document, html 512 , script , object , embed , option style - ( , Webkit' , checked, ). , , fragments , - html, .

- jQuery.fragments ! , - , . , - .

- :
var users = { 5: '', 6: '', 10: '' }; $.each(users, function(id, name) { $('<span id="user' + id + '" title=" ' + name + '">' + name + '</span>') .appendTo(document.body); } );
. , javascript- . jQuery.fragments :
> jQuery.fragments Object { <span id="user5" title=" "></span>: false <span id="user6" title=" "></span>: false <span id="user10" title=" "></span>: false }
span', jQuery.fragments . false - , , , - false . - , . - .

- jQuery.fragments . , , , , , .



, , . :
// ! $.each(users, function(id, name) { $('<span>', { 'id': 'user' + id, 'title': ' ' + name, 'text': name // <- ;) } ).appendTo(document.body); } ); ( DOM- , eforce , , )

jQuery.fragments , document.createElement('span') , title, - .

, jQuery.fragments , - , . span - , "user", $(''), - . .

, . , DocumentFragment clean, html-.

safeFragment
-, safeFragment , . IE html5- (. , ).


safeFragment , jQuery innerHTML html-

jQuery , - . wrapMap . - ? , innerHTML , , ! :
var k = document.createElement('div'); k.innerHTML = '<td>!</td>' > k <div>​!​</div>​
! , ! , 3 , , safeFrag .

IE - tbody .

, , childNodes safeFrag .

, ( , . ) parseHTML , ! ( ), .

?
, . clean , , ( jQuery ) , , , . , , . ? .


, ? , . ! , , - :)

, , - .

, .


html DOM , ,

test" html, jQuery , .

- , - , context.createElement( [tagName] ) , :
$('<div>') $('<div />') $('<div></div>') $(document.createElement('div'))
, , jQuery.attr , , . , , - .


jQuery , , core.js ", !" buildFragment manipulation.js, . - , DOM-, .


1.9 , . - , , 1.9 .

html- , . , document, html 512 , script , object , embed , option style - ( , Webkit' , checked, ). , , fragments , - html, .

- jQuery.fragments ! , - , . , - .

- :
var users = { 5: '', 6: '', 10: '' }; $.each(users, function(id, name) { $('<span id="user' + id + '" title=" ' + name + '">' + name + '</span>') .appendTo(document.body); } );
. , javascript- . jQuery.fragments :
> jQuery.fragments Object { <span id="user5" title=" "></span>: false <span id="user6" title=" "></span>: false <span id="user10" title=" "></span>: false }
span', jQuery.fragments . false - , , , - false . - , . - .

- jQuery.fragments . , , , , , .



, , . :
// ! $.each(users, function(id, name) { $('<span>', { 'id': 'user' + id, 'title': ' ' + name, 'text': name // <- ;) } ).appendTo(document.body); } ); ( DOM- , eforce , , )

jQuery.fragments , document.createElement('span') , title, - .

, jQuery.fragments , - , . span - , "user", $(''), - . .

, . , DocumentFragment clean, html-.

safeFragment
-, safeFragment , . IE html5- (. , ).


safeFragment , jQuery innerHTML html-

jQuery , - . wrapMap . - ? , innerHTML , , ! :
var k = document.createElement('div'); k.innerHTML = '<td>!</td>' > k <div>​!​</div>​
! , ! , 3 , , safeFrag .

IE - tbody .

, , childNodes safeFrag .

, ( , . ) parseHTML , ! ( ), .

?
, . clean , , ( jQuery ) , , , . , , . ? .


, ? , . ! , , - :)

, , - .

, .


html DOM , ,

test" html, jQuery , .

- , - , context.createElement( [tagName] ) , :
$('<div>') $('<div />') $('<div></div>') $(document.createElement('div'))
, , jQuery.attr , , . , , - .


jQuery , , core.js ", !" buildFragment manipulation.js, . - , DOM-, .


1.9 , . - , , 1.9 .

html- , . , document, html 512 , script , object , embed , option style - ( , Webkit' , checked, ). , , fragments , - html, .

- jQuery.fragments ! , - , . , - .

- :
var users = { 5: '', 6: '', 10: '' }; $.each(users, function(id, name) { $('<span id="user' + id + '" title=" ' + name + '">' + name + '</span>') .appendTo(document.body); } );
. , javascript- . jQuery.fragments :
> jQuery.fragments Object { <span id="user5" title=" "></span>: false <span id="user6" title=" "></span>: false <span id="user10" title=" "></span>: false }
span', jQuery.fragments . false - , , , - false . - , . - .

- jQuery.fragments . , , , , , .



, , . :
// ! $.each(users, function(id, name) { $('<span>', { 'id': 'user' + id, 'title': ' ' + name, 'text': name // <- ;) } ).appendTo(document.body); } ); ( DOM- , eforce , , )

jQuery.fragments , document.createElement('span') , title, - .

, jQuery.fragments , - , . span - , "user", $(''), - . .

, . , DocumentFragment clean, html-.

safeFragment
-, safeFragment , . IE html5- (. , ).


safeFragment , jQuery innerHTML html-

jQuery , - . wrapMap . - ? , innerHTML , , ! :
var k = document.createElement('div'); k.innerHTML = '<td>!</td>' > k <div>​!​</div>​
! , ! , 3 , , safeFrag .

IE - tbody .

, , childNodes safeFrag .

, ( , . ) parseHTML , ! ( ), .

?
, . clean , , ( jQuery ) , , , . , , . ? .


, ? , . ! , , - :)

, , - .

, .


html DOM , ,

test" html, jQuery , .

- , - , context.createElement( [tagName] ) , :
$('<div>') $('<div />') $('<div></div>') $(document.createElement('div'))
, , jQuery.attr , , . , , - .


jQuery , , core.js ", !" buildFragment manipulation.js, . - , DOM-, .


1.9 , . - , , 1.9 .

html- , . , document, html 512 , script , object , embed , option style - ( , Webkit' , checked, ). , , fragments , - html, .

- jQuery.fragments ! , - , . , - .

- :
var users = { 5: '', 6: '', 10: '' }; $.each(users, function(id, name) { $('<span id="user' + id + '" title=" ' + name + '">' + name + '</span>') .appendTo(document.body); } );
. , javascript- . jQuery.fragments :
> jQuery.fragments Object { <span id="user5" title=" "></span>: false <span id="user6" title=" "></span>: false <span id="user10" title=" "></span>: false }
span', jQuery.fragments . false - , , , - false . - , . - .

- jQuery.fragments . , , , , , .



, , . :
// ! $.each(users, function(id, name) { $('<span>', { 'id': 'user' + id, 'title': ' ' + name, 'text': name // <- ;) } ).appendTo(document.body); } ); ( DOM- , eforce , , )

jQuery.fragments , document.createElement('span') , title, - .

, jQuery.fragments , - , . span - , "user", $(''), - . .

, . , DocumentFragment clean, html-.

safeFragment
-, safeFragment , . IE html5- (. , ).


safeFragment , jQuery innerHTML html-

jQuery , - . wrapMap . - ? , innerHTML , , ! :
var k = document.createElement('div'); k.innerHTML = '<td>!</td>' > k <div>​!​</div>​
! , ! , 3 , , safeFrag .

IE - tbody .

, , childNodes safeFrag .

, ( , . ) parseHTML , ! ( ), .

?
, . clean , , ( jQuery ) , , , . , , . ? .


, ? , . ! , , - :)

, , - .

, .


html DOM , ,

test" html, jQuery , .

- , - , context.createElement( [tagName] ) , :
$('<div>') $('<div />') $('<div></div>') $(document.createElement('div'))
, , jQuery.attr , , . , , - .


jQuery , , core.js ", !" buildFragment manipulation.js, . - , DOM-, .


1.9 , . - , , 1.9 .

html- , . , document, html 512 , script , object , embed , option style - ( , Webkit' , checked, ). , , fragments , - html, .

- jQuery.fragments ! , - , . , - .

- :
var users = { 5: '', 6: '', 10: '' }; $.each(users, function(id, name) { $('<span id="user' + id + '" title=" ' + name + '">' + name + '</span>') .appendTo(document.body); } );
. , javascript- . jQuery.fragments :
> jQuery.fragments Object { <span id="user5" title=" "></span>: false <span id="user6" title=" "></span>: false <span id="user10" title=" "></span>: false }
span', jQuery.fragments . false - , , , - false . - , . - .

- jQuery.fragments . , , , , , .



, , . :
// ! $.each(users, function(id, name) { $('<span>', { 'id': 'user' + id, 'title': ' ' + name, 'text': name // <- ;) } ).appendTo(document.body); } ); ( DOM- , eforce , , )

jQuery.fragments , document.createElement('span') , title, - .

, jQuery.fragments , - , . span - , "user", $(''), - . .

, . , DocumentFragment clean, html-.

safeFragment
-, safeFragment , . IE html5- (. , ).


safeFragment , jQuery innerHTML html-

jQuery , - . wrapMap . - ? , innerHTML , , ! :
var k = document.createElement('div'); k.innerHTML = '<td>!</td>' > k <div>​!​</div>​
! , ! , 3 , , safeFrag .

IE - tbody .

, , childNodes safeFrag .

, ( , . ) parseHTML , ! ( ), .

?
, . clean , , ( jQuery ) , , , . , , . ? .


, ? , . ! , , - :)

, , - .

, .


html DOM , ,

1. test" html, jQuery , .

- , - , context.createElement( [tagName] ) , :
$('<div>') $('<div />') $('<div></div>') $(document.createElement('div'))
, , jQuery.attr , , . , , - .


jQuery , , core.js ", !" buildFragment manipulation.js, . - , DOM-, .


1.9 , . - , , 1.9 .

html- , . , document, html 512 , script , object , embed , option style - ( , Webkit' , checked, ). , , fragments , - html, .

- jQuery.fragments ! , - , . , - .

- :
var users = { 5: '', 6: '', 10: '' }; $.each(users, function(id, name) { $('<span id="user' + id + '" title=" ' + name + '">' + name + '</span>') .appendTo(document.body); } );
. , javascript- . jQuery.fragments :
> jQuery.fragments Object { <span id="user5" title=" "></span>: false <span id="user6" title=" "></span>: false <span id="user10" title=" "></span>: false }
span', jQuery.fragments . false - , , , - false . - , . - .

- jQuery.fragments . , , , , , .



, , . :
// ! $.each(users, function(id, name) { $('<span>', { 'id': 'user' + id, 'title': ' ' + name, 'text': name // <- ;) } ).appendTo(document.body); } ); ( DOM- , eforce , , )

jQuery.fragments , document.createElement('span') , title, - .

, jQuery.fragments , - , . span - , "user", $(''), - . .

, . , DocumentFragment clean, html-.

safeFragment
-, safeFragment , . IE html5- (. , ).


safeFragment , jQuery innerHTML html-

jQuery , - . wrapMap . - ? , innerHTML , , ! :
var k = document.createElement('div'); k.innerHTML = '<td>!</td>' > k <div>​!​</div>​
! , ! , 3 , , safeFrag .

IE - tbody .

, , childNodes safeFrag .

, ( , . ) parseHTML , ! ( ), .

?
, . clean , , ( jQuery ) , , , . , , . ? .


, ? , . ! , , - :)

, , - .

, .


html DOM , ,
2. test" html, jQuery , .

- , - , context.createElement( [tagName] ) , :
$('<div>') $('<div />') $('<div></div>') $(document.createElement('div'))
, , jQuery.attr , , . , , - .


jQuery , , core.js ", !" buildFragment manipulation.js, . - , DOM-, .


1.9 , . - , , 1.9 .

html- , . , document, html 512 , script , object , embed , option style - ( , Webkit' , checked, ). , , fragments , - html, .

- jQuery.fragments ! , - , . , - .

- :
var users = { 5: '', 6: '', 10: '' }; $.each(users, function(id, name) { $('<span id="user' + id + '" title=" ' + name + '">' + name + '</span>') .appendTo(document.body); } );
. , javascript- . jQuery.fragments :
> jQuery.fragments Object { <span id="user5" title=" "></span>: false <span id="user6" title=" "></span>: false <span id="user10" title=" "></span>: false }
span', jQuery.fragments . false - , , , - false . - , . - .

- jQuery.fragments . , , , , , .



, , . :
// ! $.each(users, function(id, name) { $('<span>', { 'id': 'user' + id, 'title': ' ' + name, 'text': name // <- ;) } ).appendTo(document.body); } ); ( DOM- , eforce , , )

jQuery.fragments , document.createElement('span') , title, - .

, jQuery.fragments , - , . span - , "user", $(''), - . .

, . , DocumentFragment clean, html-.

safeFragment
-, safeFragment , . IE html5- (. , ).


safeFragment , jQuery innerHTML html-

jQuery , - . wrapMap . - ? , innerHTML , , ! :
var k = document.createElement('div'); k.innerHTML = '<td>!</td>' > k <div>​!​</div>​
! , ! , 3 , , safeFrag .

IE - tbody .

, , childNodes safeFrag .

, ( , . ) parseHTML , ! ( ), .

?
, . clean , , ( jQuery ) , , , . , , . ? .


, ? , . ! , , - :)

, , - .

, .


html DOM , ,
3. test" html, jQuery , .

- , - , context.createElement( [tagName] ) , :
$('<div>') $('<div />') $('<div></div>') $(document.createElement('div'))
, , jQuery.attr , , . , , - .


jQuery , , core.js ", !" buildFragment manipulation.js, . - , DOM-, .


1.9 , . - , , 1.9 .

html- , . , document, html 512 , script , object , embed , option style - ( , Webkit' , checked, ). , , fragments , - html, .

- jQuery.fragments ! , - , . , - .

- :
var users = { 5: '', 6: '', 10: '' }; $.each(users, function(id, name) { $('<span id="user' + id + '" title=" ' + name + '">' + name + '</span>') .appendTo(document.body); } );
. , javascript- . jQuery.fragments :
> jQuery.fragments Object { <span id="user5" title=" "></span>: false <span id="user6" title=" "></span>: false <span id="user10" title=" "></span>: false }
span', jQuery.fragments . false - , , , - false . - , . - .

- jQuery.fragments . , , , , , .



, , . :
// ! $.each(users, function(id, name) { $('<span>', { 'id': 'user' + id, 'title': ' ' + name, 'text': name // <- ;) } ).appendTo(document.body); } ); ( DOM- , eforce , , )

jQuery.fragments , document.createElement('span') , title, - .

, jQuery.fragments , - , . span - , "user", $(''), - . .

, . , DocumentFragment clean, html-.

safeFragment
-, safeFragment , . IE html5- (. , ).


safeFragment , jQuery innerHTML html-

jQuery , - . wrapMap . - ? , innerHTML , , ! :
var k = document.createElement('div'); k.innerHTML = '<td>!</td>' > k <div>​!​</div>​
! , ! , 3 , , safeFrag .

IE - tbody .

, , childNodes safeFrag .

, ( , . ) parseHTML , ! ( ), .

?
, . clean , , ( jQuery ) , , , . , , . ? .


, ? , . ! , , - :)

, , - .

, .


html DOM , ,
4. test" html, jQuery , .

- , - , context.createElement( [tagName] ) , :
$('<div>') $('<div />') $('<div></div>') $(document.createElement('div'))
, , jQuery.attr , , . , , - .


jQuery , , core.js ", !" buildFragment manipulation.js, . - , DOM-, .


1.9 , . - , , 1.9 .

html- , . , document, html 512 , script , object , embed , option style - ( , Webkit' , checked, ). , , fragments , - html, .

- jQuery.fragments ! , - , . , - .

- :
var users = { 5: '', 6: '', 10: '' }; $.each(users, function(id, name) { $('<span id="user' + id + '" title=" ' + name + '">' + name + '</span>') .appendTo(document.body); } );
. , javascript- . jQuery.fragments :
> jQuery.fragments Object { <span id="user5" title=" "></span>: false <span id="user6" title=" "></span>: false <span id="user10" title=" "></span>: false }
span', jQuery.fragments . false - , , , - false . - , . - .

- jQuery.fragments . , , , , , .



, , . :
// ! $.each(users, function(id, name) { $('<span>', { 'id': 'user' + id, 'title': ' ' + name, 'text': name // <- ;) } ).appendTo(document.body); } ); ( DOM- , eforce , , )

jQuery.fragments , document.createElement('span') , title, - .

, jQuery.fragments , - , . span - , "user", $(''), - . .

, . , DocumentFragment clean, html-.

safeFragment
-, safeFragment , . IE html5- (. , ).


safeFragment , jQuery innerHTML html-

jQuery , - . wrapMap . - ? , innerHTML , , ! :
var k = document.createElement('div'); k.innerHTML = '<td>!</td>' > k <div>​!​</div>​
! , ! , 3 , , safeFrag .

IE - tbody .

, , childNodes safeFrag .

, ( , . ) parseHTML , ! ( ), .

?
, . clean , , ( jQuery ) , , , . , , . ? .


, ? , . ! , , - :)

, , - .

, .


html DOM , ,