プレーンな JavaScript オブジェクトを jQuery オブジェクト内にラップすると、.data()、.prop()、.bind()、.unbind()、.trigger()、.triggerHandler() などのいくつかの jQuery メソッドを使用できます。
jQuery.com からの例を次に示します。
// 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'