2012-01-07 77 views
1

是否有可能以某種方式將jQuery對象作爲jQuery對象來使用, 就像分配給它的jQuery功能一樣,但避免使用瀏覽器的DOM樹以獲得更高的效率,並且當作爲DOM對象附加時功能被觸發?Js對象和jquery

如果可能的話,請提供一些很好的例子,

問候

回答

4

jQuery Docs:支持普通的JavaScript

目前,唯一的操作對象 包裹在jQuery的是:。數據(),。prop(),。bind(),.unbind(),。trigger()和.triggerHandler()。在普通對象上使用.data()(或任何需要 .data())的方法將導致名爲jQuery {randomNumber}(例如jQuery123456789)的對象 上的新屬性。

你可以將一個普通對象包裝在一個jQuery對象中並使用這些函數。

// define a plain object 
var foo = {foo:'bar', hello:'world'}; 

// wrap this with jQuery 
var $foo = $(foo); 

// test accessing property values 
var test1 = $foo.prop('foo'); // bar 

// test setting property values 
$foo.prop('foo', 'foobar'); 
var test2 = $foo.prop('foo'); // foobar 

// test using .data() as summarized above 
$foo.data('keyName', 'someValue'); 
console.log($foo); // will now contain a jQuery{randomNumber} property 

// test binding an event name and triggering 
$foo.bind('eventName', function(){ 
     console.log('eventName was called'); 
}); 

$foo.trigger('eventName'); // logs 'eventName was called' 

在同一頁面

而且