javascriptウィンドウとjquery $(ウィンドウ)の違いは何ですか?
私はクロームコンソールにしようと、私はこの取得:だから
を、私は結論だろうが、私はそれにjQueryの機能を使用することができますように、jQueryオブジェクトに包まれた「ジャスト」ウィンドウオブジェクトであります(高さ()、幅()など)
私はグーグルで試してみました。
javascriptウィンドウとjquery $(ウィンドウ)の違いは何ですか?
私はクロームコンソールにしようと、私はこの取得:だから
を、私は結論だろうが、私はそれにjQueryの機能を使用することができますように、jQueryオブジェクトに包まれた「ジャスト」ウィンドウオブジェクトであります(高さ()、幅()など)
私はグーグルで試してみました。
、あなたはコードのその部分は、JSエンジン上で実行しようとしていることを知っている必要があります我々はそれなどなどwtihデータを関連付けることができ、我々はそのチャイルズにアクセスできるだけで、通常のjQueryオブジェクトと同じように使用することができます。 jQueryオブジェクトの周りにカッコがあるのはなぜですか? $
が関数オブジェクトであるためです。基本的には、$
関数を呼び出し、ネイティブグローバル、またはwindow
オブジェクトを引数として渡しています。
jQueryのソースコードを参照すると、そのオブジェクトが多くの内部関数に渡され、最終的にjQueryラッパーオブジェクトが返されることがわかります。
はい、あなたの前提はかなり正しいです。
ウィンドウはグローバルオブジェクトであり、第三者のライブラリとは関係ありません。しかし $(ウィンドウ)はjQueryオブジェクトを返します。 あなたは、ラッパー以外何もないが、すべての可能なjQueryグッズが付属しています。あなたが$(window)
を書くとき
'window'はDOMオブジェクトではなく、namelesグローバルオブジェクトへの循環参照です。これを行うスクリプトを書くだけです: 'console.log(this === window);'、それは真になるでしょう。 'console.log(これは。あなたの第二の例 'はconsole.log(this.window - シンプル'
'DOM、どのような場合に –AAHが真のthatsの、あなたに感謝エリアス –
@EliasVanOotegemで窓===ウィンドウ===本)' === window === this) 'は' false'を記録します。 – nnnnnn
あなたがグローバルなwindowオブジェクトを含むjQueryのラッパーです
窓、トゥーレです。この目的は、width()、height()、scrollLeft()、scrollTop()などのjQueryメソッドに即座にアクセスできるローカルスコープのウィンドウ変数を作成することでした。
あなたはプロットを見逃してしまった、と思う:どのようにグローバルオブジェクトのローカルスコープ変数を作成できますか? –
@EliasVanOotegem - 'var localVariable = window;'そうでしょうか?しかし、この答えは実際には意味がありません。なぜなら、変数のスコープはどのメソッドが利用できるかとは関係がないからです。 – nnnnnn
window
オブジェクトはウィンドウ自体を表します。あなたは、より多くの説明hereを見つけることができます。上記の説明から、window
プロパティの代わりにdocument
プロパティにアクセスしようとしているようです。次のようになどのプロパティの長さ、高さ、アクセスすることができます。
document
の詳細については、hereを参照してください。
'$(window).height()'はなぜですか?ブラウザのビューポートの高さを指定します。これは(一般的に)ドキュメントの高さと同じではありません。 – nnnnnn
これも可能ですが、window.heightはブラウザの代わりにウィンドウの高さを取得するため、別の結果が得られます。したがって、document.heightよりもwindow.innerHeightを使用して、より少ない数値を取得します。使用法は、あなたが達成しようとしているものにほとんど沸騰します。 – user2424941
あなたの結論はかなり正しいです。私の意見では、これ以上の説明は必要ありません。 – nnnnnn
実際、あなたは正しいです。 – Igarioshka
同様のもの[jQuery $(this)vs this](http://stackoverflow.com/questions/1051782/jquery-this-vs-this)! –