jQuery 基本结构

Question

我想了解该行的含义:

var oViewport = { obj: $('.viewport', root) };  

这是插件tinyscrollbar 中的一行。有人可以向我解释一下这条线的值(value)吗？我确实在寻找答案，但没有找到。我感谢您的帮助。

Answer 1

它创建一个对象文字并将其分配给名为oViewport的变量:

var oViewport = {}; //Empty object literal

该对象有一个名为 obj 的属性，其值是一个 jQuery 对象:

var oViewport = { obj: $() }; //Property with jQuery object as value

jQuery 对象查找具有“viewport”类的所有元素，这些元素是 root 的后代。 root 是选择器的上下文:

$(".viewport", root); //Select all .viewport elements within root