javascript - 如何在没有 jQuery 的情况下编写这个 webstorage javascript 代码？

Question

我是 JavaScript 新手。我试图在不使用 jQuery 的情况下用 javascript 重写这段代码。有可能这样做吗？我该如何开始？jQuery 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);

Answer 1

在没有 jQuery 框架的情况下，可以在 jQuery 中完成所有工作。jQuery 实际上只是一个 javascript 函数的大集合，它为您完成了许多重复性任务。

我认为该代码中没有任何 jQuery。但是如果我弄错了，那么我建议您使用 jQuery 而不是从该代码中删除 jQuery 依赖项，除非有一些特殊原因不使用它（性能或类似）。