当前位置: 首页 > 面试题库 >

jQuery和CSS中最快的选择器方法-ID是否?

井浩思
2023-03-14
问题内容

jquery / javascript中最快的是什么?

$('#myID .myClass')

要么

$('.myClass')

最好在CSS中使用什么?

#myID .myClass{}

要么

.myClass{}

我现在看到我应该更好地解释。 抱歉!

在CSS和JavaScript中,Ofceauce ID都是更快的选择器。但是有时您需要使用类,因为有多个选择器。

比如说我有我很大的html文档。在页面中间,我有:

<div id="myID">

<a class="myClass">link1</a>

<a class="myClass">link1</a>

<a class="myClass">link1</a>

</div>

如果我要定位所有“ myClass”。那么在定位类之前定位ID会更好吗?(这样,我就不必对整个HTML文档进行domtravel了)例如:

这会:

$(’#myID’)。find(’。myClass’)

快于:

$(’。myClass’)


问题答案:

我在 现代 浏览器上进行的测试建议您选择两者之一, __

$('#id').find('.class') // or
$('.class')

没有

$('#id .class')

原因是所有现代浏览器都实现了getElementsByClassName按类名进行几乎恒定的时间查找(假设是哈希实现)。哪些浏览器是现代的,这是另一个主观问题。



 类似资料:
  • id 和 class 选择器 如果你要在HTML元素中设置CSS样式,你需要在元素中设置"id" 和 "class"选择器。 id 选择器 id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。 HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义。 以下的样式规则应用于元素属性 id="para1": #para1 { text-align:cente

  • 本文向大家介绍老生常谈jquery id选择器和class选择器的区别,包括了老生常谈jquery id选择器和class选择器的区别的使用技巧和注意事项,需要的朋友参考一下 实例如下: size() 方法返回DOM对象的个数 即: id是唯一的,即使有多个id相同的元素,jquery选择器也只能获取其中一个 。所以:想在jquery中对id设置动作, id在页面中只允许出现一次。 对于CSS样式

  • 问题内容: HTML规范允许在ID中使用句点(。): 但是,使用CSS ID选择器规则将 无法 正确匹配: ID选择器的CSS规范没有提到这种情况。因此,我假设它使用的是标记名和类选择器的组合?例如,CSS规则适用于类名称为的所有锚定标记(),例如。 是否可以有一个外部CSS文件规则,该规则通过其中包含句点的ID引用HTML元素? 我不希望这样,因为CSS规范指定CSS“标识符”不包含句点作为有效

  • 问题内容: 我可以找到的最新信息是W3C选择器4级编辑器的草稿,但据我所知,它不再提及父选择器。 我知道有一个关于此的Google调查,但是已经结束了。 父选择器发生了什么?它会被引入还是被移除? 问题答案: 在主题选择告终调查(针对所谓的名不符实“家长选择”适当的名称)与远更灵活替换伪类,这是记录在这里(一个有趣的锚的名字,我不知道这是否会坚持)。 只有在此功能的规范更加稳定时,实现才会实现。目

  • 问题内容: 如果我有以下div: 有没有一种方法可以定义表达“与AND 的div”这一想法的样式? 还是您只是简单地走了一条路 要么 问题答案: 在样式表中: 编辑:这些可能也有帮助: 并且,根据您的示例: 四年后进行编辑: 由于它已经过时了,人们一直在寻找它: 不要 在选择器中使用tagNames。比tagName添加不需要的筛选步骤要快。 仅在必须的地方在选择器中使用tagNames!

  • 本文向大家介绍css中class和id选择器有什么区别?相关面试题,主要包含被问及css中class和id选择器有什么区别?时的应答技巧和注意事项,需要的朋友参考一下 id 在部分浏览器的 js 中会直接生成同名变量; id 的唯一性,获取该 id 的 dom 时,会取同名 id 的前者; id 层叠权重非常高,1000 个 class 也覆盖不了 id 的样式; class 可以用空格给同个元素