如何在不使用jQuery的情況下編寫此webstorage javascript代碼？

-1

我是javascript的新手。我試圖用JavaScript重寫這段代碼而不使用jQuery。有可能這樣做嗎？我該如何開始？是不是jQuery的JavaScript？如何在不使用jQuery的情況下編寫此webstorage javascript代碼？

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);

來源

2012-10-17 user1683471

jQuery是JavaScript，所以當然可以做到。 – Rob

jQuery是一組方法和變量，是的，都是用javascript編寫的。這不是魔術。 – TheZ

此代碼似乎並未使用jQuery。 – Dennis

可以在沒有jQuery框架的jQuery中完成所有工作。 jQuery實際上只是一個JavaScript函數的大集合，它爲你完成許多重複任務。

我不認爲該代碼中有任何jQuery。但是，如果我錯了，那麼我會建議你使用jQuery，而不是從該代碼中刪除jQuery依賴項，除非有某些特殊原因不使用它（性能或類似）。

來源

2012-10-18 00:00:40

這個$顯示了jQuery的實現。我爲我的班級這樣做，我的老師討厭jQuery，他說這隻會讓應用程序變得更慢，而且它只是一堆代碼。我需要弄清楚如何在簡單的javascript中編寫此代碼 – user1683471

@ user1683471'$ form'只是一個屬性名稱。它沒有以任何方式引用jQuery。 '$'只是一個變量，用於'jQuery'的別名來保存輸入。你可以簡單地說'var $ = 5;'但這並不意味着你在使用jQuery。 – Dennis

如何在不使用jQuery的情況下編寫此webstorage javascript代碼？

回答

相關問題