jQueryの基本だと思いますが、各所数値の求め方と、数値を求めるタイミングの指定。

横幅を求める

ウィンドウ縦幅（ページの高さではなく、表示範囲の高さ）
$(window).height();

IDを入れれば、指定されたIDの高さを求めます。
$(‘#headerPosition’).height();

縦幅を求める

ウィンドウ横幅（ページの横幅ではなく、表示範囲の横幅）
$(window).width();

IDを入れれば、指定されたIDの横幅を求めます。
$(‘#headerPosition’).width();

数値を求めるタイミングの指定

画像などが表示されるより前に実行される。
$(function(){

全ての読み込みが完了したら実行される。
$(window).load(function(){

リサイズ（ウィンドウサイズの変更）が完了したら実行される。
$(window).resize(function() {
※PCブラウザの端っこをつまんでウィンドウサイズ変えたとき.スマホの縦向き横向き切り替えたときなど。

読み込みが完了時とリサイズ時の両方で実行される。
$(window).on(‘load resize’, function(){

指定の要素をクリックしたら実行
$(“a”).click(function () {

指定の要素をホバーしたら実行
$(“a”).hover(function () {