我是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);
答案 0 :(得分:2)
在没有jQuery框架的情况下,可以在jQuery中完成所有操作。 jQuery实际上只是一个很大的javascript函数集合,可以为你完成很多重复的任务。
我认为该代码中没有任何jQuery。但如果我错了,那么我会建议你使用jQuery而不是从该代码中删除jQuery依赖,除非有一些特殊的原因不使用它(性能或类似)。