jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了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上).

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

大佬总结

以上是大佬教程为你收集整理的jquery – CSS优化:元素ID与类全部内容,希望文章能够帮你解决jquery – CSS优化:元素ID与类所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: