jquery – CSS优化：元素ID与类

使用MVC和jQuery我正在更多地使用CSS.想到的一个问题是使用Element ID与Classes的最佳方法是什么.如果我使用元素ID,则jQuery中的选择器更短.例如：

#imageTag... $('#imageTag')
#searchTag... $('#searchTag')

作为替代,它可以使用父容器元素来构造.

#searchTool,#classifyTool .tag

在这种情况下,选择器如

$(‘#searchTool .tag’)或$(‘#classifyTool .tag’)

可以使用.当整个页面中有一个类的多个实例,例如.tag时,这种方法可能特别有用.您只需更改父容器对象.

这仅仅是一个简单的理论范例,并不意味着代表真实的风格,只是描绘这个概念.

所以有两个问题：

>对页面/ CSS或jQuery的性能有什么影响,假设页面上有大量的样式？
>第二种方法似乎更加灵活和可维护.基于你的经验的想法

有没有更好的替代方法？

谢谢

解决方法

> ID是最快的
>标签名称是最快的
>没有标签名称的类名是最慢的

至于使用哪一个,使用最适合的.如果您的页面上有一个搜索框,那么使用一个ID最合适,因为只有一个搜索框.另一方面,表行可能会被类标识,因为有(或可以)多个.

尝试不要像“.class”一样使用选择器(在CSS或jQuery中).您强制jQuery或浏览器基本遍历整个文档树.大多数时候,类只适用于一种标签,所以指定(例如“div.class”).这可以使巨大的性能差异(特别是在使用大型文档的jQuery上).

选择器的长度不应该是考虑的.性能,可读性和可维护性应该是.