jQuery， Javascript : Javascript wrap in jQuery(）， $(） - 这是什么

jQuery, Javascript : Javascript wrapped in jQuery(), $() - what does it mean?

本文关键字：Javascript jQuery 是什么 in wrap      更新时间：2023-09-26

我很难理解一种jQuery选择，我希望有人能用清晰的术语向我解释。

它取自这个堆栈溢出问题。

基本上，它具有共同的jQuery：$( selector )。

但是在里面它有$({ y: iFrameScrollY }).

我以前从未见过这个。括号内有{ ... }和someVal: anotherVal是什么意思？

另外，请为这个问题推荐一个不同的标题，以便其他人更容易找到它。

> $({ y: iFrameScrollY })所做的是将 jQuery 选择器对象包装在 JavaScript 对象{ y: iFrameScrollY }周围。

JavaScript 对象被声明为 { y: iFrameScrollY }，这意味着它包含一个名为 y 的属性设置为 iFrameScrollY 的值。

通过将对象包装到 jQuery 对象中，可以利用对包装的对象执行 jQuery 方法。

有关更多详细信息，请参阅此文档。

将

普通 JavaScript 对象包装在 jQuery 对象中，您可以使用一些 jQuery 方法，包括：.data（），.prop（），.bind（），.unbind（），.trigger（） 和 .triggerHandler（）。

以下是取自 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'
这是

对 jQuery() 函数的调用，该函数重载以执行许多不同的操作，具体取决于传递的参数。

{someVal : anotherVal}是一个 JavaScript 对象，具有一个名为 someVal 的属性，其值等于anotherVal变量的值。

如果您将这两个信息连接在一起，并查看链接的页面，您将看到以下内容：

jQuery（ object ）

object 要包装在 jQuery 对象中的普通对象。

相关文章：