定義
data- 開頭
data- 后必須至少有一個字符
建議:
1.名稱應該都使用小寫--不要任何的大寫字符
2.名稱中不要有任何的特殊符號
3.名稱不要副作用純函數
<script src="https://code.jquery.com/jquery-3.3.1.js"integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="crossorigin="anonymous"></script>
<body>
<p data-school-name="To">我是Tobenew</p>
</body>
<script>
window.onload=function(){
var p=document.querySelector("p");
//獲取自定義屬性值
//將data后面的單詞使用駝峰(camel)命名法連接,不然有可能無法獲取到值
//第一種:html5中新增的獲取自定義屬性值的用法
console.log(p.dataset);//輸出的是一個對象
console.log(p.dataset["schoolName"]);//輸出的是自定義屬性值
console.log(p.dataset.schoolName);
//第二種:jQuery中獲取自定義屬性值的寫法
console.log($("p").attr("data-school-name"));
//第三種:原生dom獲取自定義屬性值的寫法
console.log(p.getAttribute("data-school-name"));
}
</script>
以下為瀏覽器輸出結果:
