本篇重點
- 屬性必須以
data-
為前綴 - 建議使用 kebab-case 命名
data-*
的常見應用時機- JavaScript 使用
dataset.
取值 - jQuery 使用
.data()
或是.attr()
取值
data-
為前綴data-*
的常見應用時機dataset.
取值.data()
或是 .attr()
取值usort()
陣列自定義排序.sort()
陣列自定義排序usort()
和 JavaScript .sort()
的反向排序<a>
的 rel
屬性<a>
常見的 rel
屬性值和用途<a>
rel
屬性的使用方式target="_blank"
的連結加上 rel="noopener"
window.opener
的方法.parent()
、.parents()
、.closest()
.siblings()
、.next()
、.prev()
.children()
、.find()
$('選擇器').click()
的應用和使用時機$(document).on('click', '選擇器', function(){})
的應用和使用時機.on('click', function() {})
不是委派給 document 就無法適用在動態生成的元素