javascript - jQueryセレクターをJavaScriptオブジェクトにキャッシュしますか?

Question

以下のjavaScriptに似たコードに基づいて、一般的に使用されるいくつかのjQueryセレクターpanelDNS.cache.propertyNameをキャッシュするために使用できるようにしたいと考えています

問題は、それを機能させるためにラップする必要があるようです$(document).ready(function() { )。

私はJSを学んでいるので、どうすればこれを行うことができ、 panelDNS.cacheこれらの値にアクセスできるかわかりませんか?

私の質問を明確にするために。は関数内で呼び出すことができpanelDNS.cacheないため、呼び出されるか実行される前にDOMがロードされていることを確認する方法を理解する必要がありますFunctioninitpanelDNS.cache

var panelDNS = {

  unsavedChanges: false,

  init: function () {
    $(document).ready(function () {
      PanelDNS.events();
    });
  },


  cache: {
    dnsTitleId: $("#dnsTitle"),
    translation: {
      absolute: 0,
      relative: 0,
      sinceDirectionChange: 0,
      percentage: 0
    }
  },

  events: {

  }

}