jQuery camelcase 是指 jQuery 中使用的一種命名規則,具體來說是將短橫線命名(hyphenated)的屬性名轉換成駝峰式(camelCase)的屬性名。例如,HTML 中的屬性名 class 和 data-attribute 在 jQuery 中都會被轉換成相應的 camelCase 屬性名。
// 示例 // HTML 中 <div class="my-class" data-my-attribute="my value"></div> // jQuery 中 var $element = $('<div class="my-class" data-my-attribute="my value"></div>'); console.log($element.attr('class')); // 輸出 "my-class" console.log($element.data('myAttribute')); // 輸出 "my value"
在 jQuery 中,通過使用 camelCase 屬性名,可以方便地通過對象的屬性名訪問相應的元素屬性或數據屬性,不用再繁瑣地使用 attr() 和 data() 方法。
// 示例 var $element = $('<div class="my-class" data-my-attribute="my value"></div>'); console.log($element[0].className); // 輸出 "my-class" console.log($element[0].dataset.myAttribute); // 輸出 "my value"
除了 jQuery,很多 JavaScript 框架和庫也使用了 camelCase 命名規則。因此,學習和熟悉 camelCase 命名規則有助于更好地理解和使用 JavaScript 庫和框架。