jQuery없이이 webstorage 자바 스크립트 코드를 작성하려면 어떻게해야합니까?

Question

저는 javascript를 처음 사용했습니다. jQuery를 사용하지 않고이 코드를 자바 스크립트로 다시 작성하려고합니다. 그렇게 할 수 있습니까? 어떻게 시작할 수 있습니까? jQuery 자바 스크립트도 아닌가요?

var Contacts = { 
       index: window.localStorage.getItem("Contacts:index"), 
       $table: document.getElementById("table"), 
       $form: document.getElementById("form"), 
       $button_save: document.getElementById("save"), 
       $button_discard: document.getElementById("discard"), 


       init: function() { 
        // initialize storage index 
        if (!Contacts.index) { 
         window.localStorage.setItem("Contacts:index", Contacts.index = 1); 
        } 

        // initialize form 
        Contacts.$form.reset(); 
        Contacts.$button_discard.addEventListener("click", function(event) { 
         Contacts.$form.reset(); 
         Contacts.$form.id_entry.value = 0; 
        }, true); 
        Contacts.$form.addEventListener("submit", function(event) { 
         var entry = { 
          id: parseInt(this.id_entry.value), 
          first_name: this.first_name.value, 
          last_name: this.last_name.value, 
          email: this.standing.value 
         }; 
         if (entry.id == 0) { // add 
          Contacts.storeAdd(entry); 
          Contacts.tableAdd(entry); 
         } 
         else { // edit 
          Contacts.storeEdit(entry); 
          Contacts.tableEdit(entry); 
         } 

         this.reset(); 
         this.id_entry.value = 0; 
         event.preventDefault(); 
        }, true); 

Answer 1

jQuery 프레임 워크없이 jQuery에서 모든 작업을 수행 할 수 있습니다. jQuery는 실제로 반복적 인 작업을 많이하는 자바 스크립트 기능의 큰 컬렉션입니다.

해당 코드에는 jQuery가없는 것으로 생각됩니다. 하지만 내가 잘못 생각한 경우에는 성능이나 이와 유사한 몇 가지 특별한 이유가없는 한 해당 코드에서 jQuery 종속성을 제거하는 대신 jQuery를 사용하는 것이 좋습니다.