jq中易与js混淆的一些简单事件方法

js

按钮点击事件

第一种写法：querySelector("#id").onclick=function(){}

第二种写法：给按钮添加点击事件<button onclick="func()"></button>    func(){}  

第三种写法：
querySelector("#id").addEventListener("click",function(){})
或者 querySelector("#id").addEventListener("click",函数名)注意函数名后不加()

创建元素
querySelector("body').createElement("div")

添加文本内容
$("body").innerHTML=

添加子元素
$("body").appendChild()

添加样式类
$("body").className=

清空元素
$("body").empty()

Jquery

按钮点击事件

第一种写法：$("#id").click(function(){})

第二种写法：$("#id").on("click",function(){})

创建元素
$("<div></div>")

添加文本内容
$("body").html()

添加子元素
$("body").append()

添加样式类
$("body").addClass()

清空元素
$("body").empty()