html5 jquery or jsp,javascript&jquery方法比对

javascript方法

getElementById()

querySelector()匹配指定选择器的第一个元素。

querySelectorAll()返回所有的元素。

createElement()

createTextNode()

insertBefore()

firstChild()

removeChild()

getAttribute()

setAttribute()

.value

addEventListener()

removeEventListener()

cloneNode()

$("...").html();

document.querySelector("...").innerHTML="";

指定元素插入内容。

$("...").append();结尾

varlist=document.querySelector("...");

varlists=document.createElement("...");

lists.innerHTML="...";

list.appendChild(lists);

$("...").prepend()开头

document.createTextNode("...");//简写参考结尾

document.querySelector("...").insertBefore(...);

清除被选元素

$("...").empty();

document.getElementById("...").innerHTML="";

varcontentEl=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){});

删除

varbtn=function(){...}

if(btning.removeEventListener){

btning.removeEventListener("click",btn);

}elseif(toggleBtn.detachEvent){

btning.detachEvent("click",btn)

}

varremove=document.getElementById("...");

varremoveclone=currEl.cloneNode(true);

remove.parentNode.replaceChild(removeclone,remove);

元素显示隐藏

$("…").toggle();

varel=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";

};