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

时间:2012-10-17 23:54:55

标签: javascript jquery web-storage

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

1 个答案:

答案 0 :(得分:2)

在没有jQuery框架的情况下,可以在jQuery中完成所有操作。 jQuery实际上只是一个很大的javascript函数集合,可以为你完成很多重复的任务。

我认为该代码中没有任何jQuery。但如果我错了,那么我会建议你使用jQuery而不是从该代码中删除jQuery依赖,除非有一些特殊的原因不使用它(性能或类似)。