javascript&jquery方法比对
参考链接:https://juejin.im/post/5d2705d8e51d4577407b1dda 参考评论链接http://youmightnotneedjquery.com/ javascript方法 getElementById() querySelector() 匹配指定选择器的第一个元素。 querySelectorAll() 返回所有的元素。 createElement() createTextNode() insertBefore() firstChild() removeChild() getAttribute() setAttribute() .value addEventListener() removeEventListener() cloneNode() $("...").html(); document.querySelector("...").innerHTML=""; 指定元素插入内容。 $("...").append();结尾 var list = document.querySelector("..."); var lists=document.createElement("..."); lists.innerHTML="..."; list.appendChild(lists); $("...").prepend()开头 document.createTextNode("..."); //简写 参考结尾 document.querySelector("...").insertBefore(...); 清除被选元素 $("...").empty(); document.getElementById("...").innerHTML=""; var contentEl = document.getElementById("..."); contentEl.innerHtml = ""; while(contentEl.firstChild){ contentEl.removeChild(contentEl.firstChild); } 自定义属性 $("...").attr("..."); document.querySelector("...").getAttribute("..."); 获取值 $("…").val() document.querySelector("...").querySelector("...").value 添加移除事件(click是随便写的,根据自己需要) $("…").on("click",function(){ }) || (…).off() 添加 document.getElementById("...").addEventListener("click", function(evt){ }); 删除 var btn= function(){...} if (btning.removeEventListener) { btning.removeEventListener("click", btn); } else if (toggleBtn.detachEvent) { btning.detachEvent("click", btn) } var remove = document.getElementById("..."); var removeclone= currEl.cloneNode(true); remove .parentNode.replaceChild(removeclone, remove); 元素显示隐藏 $("…").toggle(); var el =document.querySelector("..."); if(el.style.display && el.style.display === "none"){ el.style.display = "block"; } else { el.style.display = "none"; } if(el.style.visibility && el.style.visibility === "hidden"){ el.style.visibility = "show"; } else { el.style.visibility = "hidden"; };