Tag: 命名约定

用于jQuery选择器的CSS类命名的最佳实践

在构建Javascript密集的Web应用程序时，命名CSS类以保持Javascript代码和CSS样式表清洁以及UI结构灵活的最佳实践是什么？ 选项1： 唯一地命名每个元素 。 例如， // HTML Item 1 // CSS .list-delete { color: black; } .item-delete { color: blue; } // Javascript $(“.list-delete”).show(); $(“.item-delete”).hide(); 优点： 选择样式或JS操作项很容易 缺点： 元素名称开始变得非常长并且难以跟踪 更改HTML结构需要大量重命名 选项2：在语义上为每个元素命名，并分层选择元素 。 例如， // HTML Item 1 // CSS #list > .delete { color: black; } #list > .items > .item > .delete { color: […]