javascript – 为什么jQuery的.data方法表现得像这样？ (可能的错误？)

var nativeObj,jWrapped,jSELEctor;

//WIAT = "what I Am Thinking"
nativeObj = $( '#tableTab' ) [0];  //WIAT: unwrap the jQuery object created by the SELEctor and get the native DOM object
jWrapped = $( nativeObj );  //WIAT: wrap up the native DOM object again... should be equal to $( '#tableTab' )
jSELEctor = $( '#tableTab' );   //WIAT: pass the jQuery object as reference to jSELEctor variable

// set the data with jQuery's .data method
$.data( jWrapped,'key',{ test: 12 } );    //WIAT: will be equivalant to using $( '#tableTab' ) and should attach the data to it
$.data( $( '#tableTab' ) [0],{ test: 34 } );    //WIAT: using the native DOM obj,it shouldn't work with this,since it doesn't specify in the docs
$.data( $( '#tableTab' ),{ test: 56 } );   //WIAT: should rewrite the data in the element to { key: { test: 56} }

console.log( $.data ( jWrapped ) ); // {key:{test:12}}
console.log( $.data ( jWrapped[0] ) );  // {key:{test:34}}
console.log( $.data ( nativeObj ) );    // {key:{test:34}}
console.log( $.data ( $( nativeObj ),'test' ) );  // undefined  
console.log( $.data ( $( '#tableTab' ) [0] ) );  // {key:{test:34}}
console.log( $.data ( $( '#tableTab' ),'test' ) ); // undefined

哇,等等,发生什么事了？

1.为什么我得到不同的结果？我只使用了1个选择器并引用了一个元素.

2.为什么不是jWrapped的对象引用和$(‘#tableTab’)的对象产生相同的结果？

3.此外,jwrapped和jWrapped [0]产生了不同的结果？前者是jQuery包装对象,后者是本机DOM对象.基本上他们引用相同的元素与不同的结果！??

//Now let's see what's inside the objects
console.log( $( '#tableTab' ) [0]);  // [object HTMLDivElement]         
console.log( nativeObj );  // [object HTMLDivElement]
console.log( $( nativeObj ) );  // {0:({}),context:({}),length:1}
console.log( jWrapped );   // {0:({}),length:1,jQuery182021025872972076787:{toJSON:(function () {}),data:{key:{test:12}}}}
console.log( $( '#tableTab' ) );    // {length:1,0:({}),SELEctor:"#tableTab"}
console.log( jSELEctor );   // {length:1,SELEctor:"#tableTab"}

好nativeObj == $(‘#tableTab’)[0]这就是我的预期

哇,这很奇怪,为什么不jWrapped == $(nativeObj)？

好,jSELEctor = $(‘#tableTab’)这也是我的预期

鉴于这些数据,我推断$.data必须接受本机DOM元素

$( '#tableTab' ).data( 'key',{ test: 78 } );
console.log($( '#tableTab' ).data('key')); // 78

嗯,请原谅我的控制台…不是很酷的男人.

好吧我非常困惑和沮丧,我讨厌jQuery,我讨厌Javascript,我讨厌IE …
好吧,我只是讨厌IE,但这是另一个故事.为什么jQuery表现得那么奇怪？和IE一起玩的太多了我觉得……

我的猜测是它与$.data在jQuery中的工作方式有关,并且它实际上并没有将数据附加到元素,而是
将数据存储在自己的对象中,并基于解析传递的数据来引用数据.我找到了一个bug吗？

救命.

我也确实看过How does jQuery .data() work?,虽然确实提供了一些很好的信息,但它仍然没有回答这里发生的事情,这是我真正的问题.虽然它确实证实了我的想法,即没有数据存储在元素中,而是存储在jQuery对象中.