html标签自定义属性总结

有两种自定义属性的方法：

	第一种	第二种
	<div aaa="0">	<div data-abc-def="0">
js获取方式	div.getAttribute("aaa")	div.dataset.abcDef
js设置方式	div.setAttribute("aaa",12)	div.dataset.abcDef=12
jq获取方法	$("div").attr("aaa")	$("div").data("abc-def") 或 $("div").data("abcDef")
jq设置方法	$("div").attr("aaa",12)	$("div").data("abc-def",12) 或 $("div").data("abcDef",12)
页面上的html是否会发生改变	会	会(当使用jq时不会)
js与jq是否兼容	兼容	不兼容，使用jq所设置的信息js看不到

第一种中的所有操作方法对第二种也有效。
页面上的html是否会发生改变指的是在f12后能否看到html代码在变化。