blocks|key|2026460|text|我会选择所有链接，然后在click函数中对其进行过滤，例如：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2026461|$('a').click(function()+{
++++var+ext+=+/[%5E.]%2B$/.exec($(this).attr('href'));
++++switch(ext)+{
++++++++case+'avi':
++++++++case+'ppt':
++++++++...
++++++++case+'xml':
++++++++++++//+Do+something
++++++++++++break;
++++}
});|code-block|syntax|javascript|2026462|节省了大量的遍历，而且更漂亮。|2026463|这种方法的缺点是，jQuery可能会独立地处理每个选择器，因此在完成对第一个选择器的搜索之后，它会完全忘记它还找到了什么，并再次在整个文档中搜索下一个选择器。使用这种方法，jQuery只需搜索所有链接一次，并且在函数中使用switch-case可能非常快，您不必为性能问题而烦恼。|2026464|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

I would select all links and then filter it inside the click function, for example like this:

<pre><code>$('a').click(function() {
 var ext = /[^.]+$/.exec($(this).attr('href'));
 switch(ext) {
 case 'avi':
 case 'ppt':
 ...
 case 'xml':
 // Do something
 break;
 }
});
</code></pre>

Saves a lot of traversing and is much prettier also.

The bad thing with your approach is that jQuery probably handles each of your selector independently, so after it finishes the search for the first selector, it completely forgets what else it found and searches the whole document again for the next selector. With this method jQuery only has to search once for all of the links, and using switch-case inside the function is probably so fast you don't have to bother yourself with performance issues.

blocks|key|1876058|text|我会给你一个提示--几乎是肯定的。我做了这样的事情，非常痛苦。我尝试了另一种方法，将每个选择器的结果存储在一个数组中，然后执行$(数组).click()要快得多(特别是在IE6/P3900+mHz中)。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1876059|也就是说，您应该对进行基准测试，并为您的应用程序找到最快的方法。找一台安装了IE6的破旧电脑，或者买一台安装了IE6的VM，并在其中测试计时。选择器调优(看看哪些比较慢，以及如何避免调用它们)是我进行javascript优化的第一站。|offset|length|style|BOLD|1876060|entityMap^0|0|B|2Y|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|K|8|@$D|L|E|M|F|G]]|9|@]|A|$]]|$1|H|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|I|$]]

I'll give you a hint - almost definetly. I did something just like this and it was very painful. I tried another approach, storing the results of each selector in an array and then doing $(array).click() was much faster (especially in IE6/P3 900 mHz)

That said, you should benchmark and find the fastest way for your application. Find an old crappy computer with IE6, or get a VM with IE6, and test the timing in that. Selector tuning (and seeing which are slow and how I can avoid calling them) is my first stop on javascript optimizing.

blocks|key|1876071|text|我会考虑使用一个过滤函数，而不是一组选择器：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1876072|$('a').filter(+function()+{
+++++++++++return+$(this).attr('href').match(+/(avi%7Cppt%7C...%7Cxml)$/+)+!=+null;
+++++++})
++++++.click(+function()+{
+++++++++++//+do+something
+++++++});|code-block|syntax|javascript|1876073|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I would consider using a filter function rather than a set of selectors:

<pre><code>$('a').filter( function() {
 return $(this).attr('href').match( /(avi|ppt|...|xml)$/ ) != null;
 })
 .click( function() {
 // do something
 });
</code></pre>

I want to apply a click() event to all of the links on a page when the href of that link points to a file with a specific extension. The list of applicable extensions is hovering around 30 and may grow a bit in the future (but will never be more than 100).

My first inclination is to structure the event binding like so:

<pre><code>$("a[href$=avi],
 a[href$=ppt],
 a[href$=rtf],

// ...snip a bunch more of these....

 a[href$=pdf],
 a[href$=xml]").click(function() {
 // Do something
 });
</code></pre>

Is this crazy?

How badly does jQuery performance degrade when using a lot of selectors, or does it?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

当链接的href指向具有特定扩展名的文件时，我希望将click()事件应用于页面上的所有链接。适用的扩展列表徘徊在30个左右，未来可能会增加一点(但永远不会超过100个)。我的第一个倾向是像这样构造事件绑定：$("a[href$=avi],   a[href$=ppt],   a[href$=rtf],// ...sn...

问当使用大量选择器时，jQuery性能会有多严重的下降？
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问当使用大量选择器时，jQuery性能会有多严重的下降？EN