jQueryの基本的な構造

Question

私はその行が何を意味するかを理解したいです。誰かが私にこの行の価値を説明することができますか？私は本当に答えを探しましたが、見つけませんでした。私はあなたの助けに感謝します。

Answer 1

変数oViewportをオブジェクト{obj: ...}と定義します。このオブジェクト内部objキーの値が変数rootの文脈における.viewportのシズルセレクタである（通常は、いくつかのDOM要素が余りに。

Answer 2

は、オブジェクトリテラルおよび譲受人を作成root変数、内部viewportクラスを持つすべてのDOM要素を選択しますそれoViewportという名前の変数に：

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

：

var oViewport = {}; //Empty object literal 

オブジェクトは、その値はjQueryオブジェクトであるobjという名前の一つの特性を有しています

jQueryオブジェクトは、の子孫であるクラス "viewport"を持つすべての要素を見つけます。このコードで

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

Answer 3

1. $('.viewport', root) 
     => this finds all elements having class viewport with context as root. 

2. { obj: $('.viewport', root) }; 
     => creating a object literal with "obj" as property 
         and the elements objects found above as value. 

3. var oViewport = { obj: $('.viewport', root) }; 
      => assigning the created object literal to variable "oViewport". 

Answer 4

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

オブジェクトがobject literal構文（例えば{ key: value }）を使用して作成し、新しい変数oViewportに割り当てられている：rootセレクタのコンテキストです。

オブジェクトは、「obj」を一つのキーまたはプロパティを持ち、その値は、引数'.viewportとrootと呼ば$という名前の関数の結果です。

これはjQueryのですので、$がメインjQuery selector functionであり、この例では、それはCSSクラス「ビューポート」とDOM要素を選択していますが、唯一のものを、おそらくと呼ばれるオブジェクトroot（「文脈」の子でありますDOM要素自体です）。

上記のコードは以下のとほぼ似ています。

var selector   = '.viewport', 
    selectedElements = $(selector, root), 
    oViewport  = new Object() // equivalent to oViewport = {} 
; 

oViewport['obj'] = selectedElements; // equiv. to oViewport.obj = selectedElements;