jquery选择器或变量之间是否存在性能差异
在 jQuery 中，选择器和变量之间的性能差异取决于它们的用途和使用方式。
- 选择器 选择器是 jQuery 的核心特性之一，它允许开发者通过 CSS 选择器来选择页面上的元素。选择器的性能取决于选择器的复杂性和匹配的元素数量。简单的选择器，如标签选择器和类选择器，通常具有较好的性能。复杂的选择器，如后代选择器和属性选择器，可能会导致性能下降。
- 变量 变量是存储数据的一种方式，可以在代码中重复使用。在 jQuery 中，变量可以存储选择器的结果，以便在代码中重复使用。变量的性能取决于它们的使用方式和所存储的数据量。局部变量的性能通常优于全局变量，因为局部变量只在函数内部可见，而全局变量在整个代码中可见。
总的来说，选择器和变量在 jQuery 中都有它们的用途和优势，但是它们的性能差异取决于使用方式和数据量。为了提高性能，建议使用简单的选择器和局部变量，并尽量避免全局变量和重复的选择器调用。
相关·内容
这主要是一个性能问题，因为我有时在开发人员执行JavaScript的示例中看到了这个问题。
当涉及到更严格的语言(如C或Java )时，条件对于防止需要而不是null数据的函数的执行非常重要。通常，检查空值有助于防止程序的部分执行，从而减少内存消耗(我知道这是一个浅显的解释)。
但是当涉及到JavaScript时，错误通常不会阻止您的脚本的其余部分执行。现在，在jQuery的例子中，初始化元素的DOM行为需要CSS选择器返回至少一个结果。但是如果没有结果，就不会抛出错误。
我的问题是:在考虑以下两个示例时，浏览器中是否存在性能或内存消耗的差异：
案例1:在执行jQuery库函数之前检查DOM。
浏览 3提问于2015-10-01得票数 3
回答已采纳
我正在清理一些Jquery代码。我总是读，链子对表演很有好处。
问题：
这是否还包括带有大量队列()和filter()的链？
例如，我有无链的
var self = this,
co = el.jqmData("panel"),
pop = $('div:jqmData(id="'+co+'")'),
wrap = pop.closest('div:jqmData(wrapper="true")');
if ( pop.is(":visible") ) {
浏览 3提问于2012-06-13得票数 2
回答已采纳
我想知道这个问题，
jQuery目前是否使用原生查询选择器API？
从这个基准测试：
原生API的性能比jQuery库快得多。
jQuery是否会使用原生应用程序接口来提高查询性能？
浏览 2提问于2014-05-19得票数 3
2回答
当我尝试选择包含在带有引导类的div中的元素时，我似乎在使用jQuery时遇到了问题。
守则是：
<div class="sec">
<div class="dropdown">
<h4>Management</h4><hr>
<button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
浏览 2提问于2016-09-19得票数 0
回答已采纳
2回答
我们经常使用jQuery函数。现在，就性能而言，我听说这通常是个坏主意，因为一方面，它很容易编写、理解和维护，但据说它比“丑陋”的原始JavaScript代码慢。
关于最终用户体验的性能是否真的很重要，无论您是使用jQuery函数还是原始函数？，例如$('#exampleId').hide() vs document.getElementById('exampleId').style.display='none'。
如果是这样的话，是否有一个特殊的缩小器将执行不好的jQuery符号转换为运行速度更快的符号？
或者，这些只是在大多数情况下完全被忽略
浏览 2提问于2015-06-05得票数 2
我试着研究过这个问题，但是很忙，我想知道是否有人对redux action creators中命名函数的使用和命名函数有一个可靠的答案--有什么性能差异吗？或者其他任何影响这个的因素？
例如：
function getUserIdentity() {
return (dispatch) => {
dispatch({
type: types.GET_USER_IDENTITY,
});
}
}
vs
const getUserIdentity = () => (dispatch) => { dispatch({type: types.GET
浏览 1提问于2018-04-07得票数 0
2回答
我总是忘记在我的变量和函数前加上'static‘前缀，所以GCC把它们标记为extern。是否可以更改此行为，以便默认情况下标记所有内容为静态。在运行时，这两种类型之间是否存在性能差异，或者这更像是一种形式？
浏览 0提问于2013-01-24得票数 0
回答已采纳
1回答
我有一个功能，需要大约500美元才能执行。不知怎么的，我发现函数F的存在与否(这对基准测试没有影响)会极大地改变基准测试结果(大约10%)。我做了一些搜索，看看这是如何可能的，并偶然发现了。
由于我实现的函数使用SIMD，所以我认为内存对齐可能会产生影响。然而，我从经验中知道，如果在SIMD中使用的变量不对齐，程序就会失败，所以我认为局部变量的对齐会产生影响。要对齐局部变量，我定义了以下未优化的虚拟变量.
int local_var = ...;
const void* volatile dummy = &local_var;
虚拟变量使基准测试结果一致，而不管是否存在F。
问:你能告
浏览 9提问于2022-12-03得票数 -1
我目前正在阅读jQuery，以填补知识方面的一些空白。
看看不同的CSS选择器，我看到：-
#C (任何ID为C的元素)
$(“#profile”)
E#C (E类型的任何ID为#C的元素)。
$('div#profile')
我知道在CSS规则的应用中，专用性是一个很大的问题，但是考虑到页面上有重复ID是不好的做法，我想知道为什么第二种形式存在，以及如何在jQuery中处理它。
它在询问DOM时是否具有性能优势？(即立即限制选择的范围)。这个问题主要适用于jQuery，但我也想知道它是否对渲染引擎有任何影响，等等。
浏览 4提问于2012-10-24得票数 0
回答已采纳
1回答
在阅读了有关Tomcat连接器的文章之后，我仍然没有得到一件事:如果应用程序代码阻塞，即阻止从数据库读取、读取文件系统、调用外部web服务，NIO连接器是否有益？
因此，例如，您有一个类似REST的API，它接收一个请求，从数据库读取一些内容，并返回一个响应。它不使用servlet 3异步，它只是写入响应。
我没有找到NIO连接器使用的线程池的完整描述，但我设想它有一个线程池来处理请求，因此每个请求都会在自己的线程中结束，而它可以阻止线程池。
如果是这样的话，NIO的好处是否仍然存在，或者阻塞代码减少了NIO的好处(就资源利用率而言)？
浏览 3提问于2015-03-02得票数 16
我最近升级了我的PHPStorm集成开发环境的版本，它现在警告我jQuery的使用效率低下。
例如：
var property_single_location = $("#property [data-role='content'] .container");
提示此警告：
检查jQuery选择器是否以有效的方式使用。它建议拆分以ID选择器为前缀的后代选择器，并警告可能被缓存的重复选择器。
所以我的问题是：
为什么这是低效的，执行上述选择器的有效方法是什么？
我猜是：
var property_single_location = $("#proper
浏览 19提问于2012-10-01得票数 100
回答已采纳
最近我读了一些关于jQuery性能的文章，并提出了一些奇怪的问题。
我能/应该缓存$(window)吗？
如果我做了，它会影响resize，scroll，width，scrollTop...etc吗？
我能/应该缓存$(document)吗？
由于我们使用了大量的鼠标操作，我应该做var doc = $(document);吗？
我可以总是将$(this)缓存在一个大的代码块中吗？
至于var self = $(this);，在什么情况下self可能与$(this)不同
浏览 2提问于2013-02-12得票数 8
回答已采纳
3回答
我正在构建的这个站点遇到了一点问题，我正在使用jQuery的.load()来获取一个html文件，并将其包含在我的站点的#content中
<a href="#" onclick="$('#content').load('port/1.html')">1</a>
被拉入的代码块在一些缩略图上有一个jQuery点击功能。
<div id="bigImg"><img src="images/1large.jpg" alt="Large View"
浏览 0提问于2011-04-14得票数 2
回答已采纳
1回答
我正在读一本书，书中展示了几个如何在DOM上选择元素的示例，但它们建议始终使用Jquery转换方法而不是选择器，例如，如果您在div中有一个列表，而不是使用
$("#myList > li")
你应该使用
$("#myList").children("li")
大多数时候，我使用第一种方法而不是后者，作者说第二种方法更好，效率更高，但他没有解释为什么，有人能解释这背后的原因吗？
浏览 0提问于2013-06-04得票数 5
回答已采纳
这个问题我已经想了很久了。
从理论上讲，jQuery核心函数接受一个可选值，该值可以是DOM元素- $(".searched",$("#context")[0]) -或jQuery对象- $(".searched",$("#context") )。我在读那个漂亮的时发现了最后一个问题。
但是我真的看不出使用上下文和传递一个更复杂的css表达式之间的区别。如果它的工作方式没有区别，那么性能有什么区别吗？
谢谢
浏览 6提问于2010-08-27得票数 3
回答已采纳
2回答
这两个版本之间是否存在性能差异：
int test;
void Update()
{
test +=2;
}
还有这个：
void Update()
{
int test;
test +=2;
}
--
int main()
{
while(true)
Update();
}
我这样问是因为第二个代码读起来更好(您不需要在Class headers中声明它)，所以如果性能不低，我会使用它。
浏览 0提问于2011-10-23得票数 0
回答已采纳
2回答
我正在使用这些脚本( jquery-ui[].custom.js是datepicker插件)：
<script src="../../Scripts/jquery-1.5.1.js" type="text/javascript"></script>
<script src="../../Scripts/jquery-ui-1.8.13.custom.js" type="text/javascript"></script>
<script id="formvalidati
浏览 3提问于2011-05-26得票数 6
回答已采纳
1回答
在空间和时间利用的数量和效率方面，C++之间是否存在差异?答案是否取决于编译器？
int main() {
int a, b = 0;
doSomething1(b);
a = 9;
doSomething2(a);
return 0;
}
int main() {
int a = 0, b = 0;
doSomething1(b);
a = 9;
doSomething2(a);
return 0;
}
int main() {
int b = 0;
doSomething1(b);
in
浏览 0提问于2015-12-08得票数 2
如果我们使用jquery .on()附加一个委托事件，比如
$(".container").on("click", "#testDiv", function (event){
console.log(event);
});
如果我在脚本中使用jquery .remove()删除#testDiv元素，
$("#testDiv").remove();
那么它会不会造成任何内存泄漏...
浏览 0提问于2016-05-30得票数 0
我正在编写一些jQuery代码，用于同时隐藏或显示大型表中的多个表列。我想知道使用这样的代码是否会更快：
$("selector 1, selector 2, selector 3").css("display", "none");
或者像这样的代码：
$("selector 1").css("display", "none");
$("selector 2").css("display", "none");
$("selector 3"
浏览 1提问于2013-04-09得票数 4
回答已采纳
我经常看到这样的jquery选择器
'$(#someid ul li a)'
但是，如果我知道a元素在页面上它所在的位置会有一个特定的类，该怎么办呢？
在这种情况下，这样做不是更好吗
$('a.someclass')
试图更好地理解选择器的特定级别，以及什么情况会导致大量不必要的额外DOM遍历。
谢谢，布赖恩
浏览 9提问于2019-10-22得票数 1
2回答
使用MVC和jQuery，我将更多地使用CSS。想到的一个问题是，使用元素ID和类的最佳方法是什么。如果我使用元素I，jQuery中的选择器会更短。例如：
#imageTag... $('#imageTag')
#searchTag... $('#searchTag')
作为另一种选择，可以使用父容器元素来构造它。
#searchTool, #classifyTool .tag
在本例中，选择器(如
$('#searchTool .tag')或$('#classifyTool .tag')
可能会被利用。当整个页面中有多个类实例(
浏览 3提问于2009-08-05得票数 14
回答已采纳
我正在使用一些代码来添加和删除同一对象上的各种CSS类。代码看起来像这样：
function switch_states(object_to_change) {
if(object_to_change.hasClass('ready') {
object_to_change.removeClass('ready');
object_to_change.addClass('not_ready');
} else {
object_to_change.removeClass('not_ready');
浏览 0提问于2010-12-07得票数 5
回答已采纳
我有个小剧本。
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$( "p" ).first().replaceWith("Hello world!");
});
});
</script>
</
浏览 8提问于2013-12-17得票数 2
回答已采纳
我正在使用JQuery和JQuery移动设备，不幸的是，我需要大量使用$.find()方法来搜索元素的所有后代。
很多时候，我知道只有一个结果。但是，在找到可能是非常早的匹配之后，查找方法将继续遍历整棵树。您的第一个想法可能是，我应该导航到我期望的元素所在的位置，但是对于我的一些查询来说，这确实是不可能的。
是否有任何方法可以完成像$.find()这样的完整子代搜索，在识别第一个匹配后停止搜索？
浏览 3提问于2013-09-10得票数 4
回答已采纳
1回答
我正在使用asp.net MVC4.0，做了大量的客户端开发工作。
在与服务器交互以进行jquery调用时，我有一个关于使用POST或GETS的一般问题。
当我们假设通过控制器操作向数据库添加项目时，使用GET而不是POST是不是更好地执行ant？
浏览 2提问于2013-03-11得票数 0
只是在jquery文档就绪函数中使用下面这样的if语句来确保只在特定页面上触发脚本，这是否有意义。
if(window.location.href.indexOf("our-team")>= 0){
if(window.location.hash) {
var hash = window.location.hash;
$('#teamMembers div:not('+hash+')').hide();
$("#
浏览 0提问于2012-04-11得票数 1
回答已采纳
jQuery 1.4中添加了.first()方法。
:first选择器从1.0开始就存在了。
从文档中：
:first伪类等同于:eq(0)。它也可以写成:lt(1)。虽然这只匹配一个元素，但:first-child可以匹配多个元素:每个父元素一个。
给定一个表示一组DOM元素的jQuery对象，.first()方法从第一个匹配的元素构造一个新的jQuery对象。
看起来.first()是一个返回另一个jQuery对象的过滤器，而:first只是一个选择器。
但是，它们都可以用来完成相同的事情。
那么，什么时候应该使用一个而不是另一个呢？性能？请提供示例。
浏览 29提问于2010-02-23得票数 62
回答已采纳
这似乎是一个可笑的问题，但作为JS/JQuery的新手，我一直在愉快地创建一个简单的.js文件，用于创建一个两列菜单，主要是从这里获取建议和代码。我刚刚遇到了一个我需要的解决方案，我需要使用不同的代码，这取决于我是在使用JS还是Jquery --而且我也不知道我在使用什么！在我开始这一切之前，我已经包括了JQuery库以供我使用bxSlider (请参阅下面)，这使我感到困惑。
如果我完全误解了一些基本的东西..。
这是我HTML头上的相关区域：
<!-- jQuery library (served from Google)-->
<script src="//aj
浏览 6提问于2016-10-31得票数 2
回答已采纳
我们需要在MySQL (InnoDB)表中存储许多行，所有这些行都有一个8字节的二进制字符串作为主键。我想知道是使用BIGINT列类型(它包含64位，因此是8字节的整数)还是使用固定长度的二进制(8)是最好的。
因为我们在应用程序中使用这些ids作为字符串，而不是数字，所以将它们存储为二进制字符串对我来说听起来更连贯。然而，我想知道这样做是否存在性能问题。这有什么不同吗？
如果这很重要，我们将使用十六进制表示法(如page_id = 0x1122334455667788)读取/存储这些If。我们无论如何都不会在查询中使用整数，因为我们正在编写一个PHP应用程序，而且，正如您肯定知道的，没有&#
浏览 0提问于2011-09-05得票数 5
回答已采纳
1回答
目前我正在学习Couchbase，它的一个关键概念是它有一个。
在Couchbase中，当我们引用模式时，我们引用了应用程序构造其文档的方式。与传统的RDBMS不同，Couchbase中的模式完全由应用程序定义和管理。
在MongoDB中，您有一个，它“允许动态修改模式而不影响停机时间或性能”。
在Elasticsearch中，您有，它是对当前映射的“新类型和字段的自动检测和添加”。
动态模式、灵活的模式、动态映射听起来都像是没有模式的数据库。它们都是等同的吗？或者，是否有一些小的警告可以区分彼此？
浏览 6提问于2017-10-04得票数 0
6回答
我想知道是否有一种方法可以在jQuery选择器中使用"OR“逻辑。例如，我知道一个元素要么是具有classA类的元素的后代，要么是classB的子元素，我想做一些类似elem.parents('.classA or .classB')的事情。jQuery是否提供了这样的功能？
浏览 2提问于2010-02-15得票数 348
回答已采纳
DECLARE @false bit = 0;
IF @false
xxxx;
在SQL Server的存储过程中，如果您声明一个位变量，将其设置为0，并且从不更改它，那么当它在IF中使用时，例如IF @false，编译器是简单地省略这些代码块，还是总是计算布尔表达式和分支？答案将决定是否需要为生产环境注释掉我所有的调试日志代码。
浏览 6提问于2015-04-07得票数 0
据我所知，Sizzle和querySelector/querySelectorAll是CSS选择器。所以..。加载Sizzle和执行之间有什么区别：
Sizzle("my CSS query")
和
document.querySelectorAll("my CSS query")
另外，我知道Sizzle返回一个元素数组，而querySelectorAll返回一个NodeList (在大多数浏览器中)。我还知道，您需要加载Sizzle，并且只能对一个元素使用document.querySelector。
那么，在性能上还有其他的区别吗？
编辑：我的问题只是关于
浏览 5提问于2020-03-14得票数 3
回答已采纳
我知道的开发人员倾向于一次又一次地调用相同的JQuery选择器，而不是将结果存储在变量中。它们与这一做法相一致。
例如，他们这样做：
var propName = $(this).attr('data-inv-name');
var propValue = $(this).attr('data-inv-value');
而不是这样：
var current = $(this);
var propName = current.attr('data-inv-name');
var propValue = current.attr('data-
浏览 6提问于2015-05-28得票数 8
回答已采纳
1回答
我发现奇数选择器和奇子数( CSS3 )的工作原理不同。
在黄色中，它是CSS第n个孩子(奇数)，如果你取消对JS的注释并在CSS中注释background: found，你会发现它是以另一种方式找到的。
有谁能说出我如何用CSS3实现与jQuery相同的结果？
谢谢!
浏览 1提问于2012-04-06得票数 2
回答已采纳
在我的类的一个方法中，我有：
this.background.click(function() {
this.terminate();
});
显然，this.terminate();不起作用，因为this在jquery.click函数中引用了this.background。如何编写从高级类获取this的代码？
浏览 0提问于2012-01-03得票数 2
回答已采纳
我在变量中存储了一个jQuery选择器，如下所示：
var myVariable = $( ".js-selector" );
我想知道是否以及如何使用这个变量来选择这个元素的子元素，而不是编写：
$( ".js-selector .some-child" );
我该怎么做？
我还想知道我是否从使用缓存的选择器中获得了一些性能上的好处，即使我用其他选择器来扩展它呢？
浏览 3提问于2015-05-08得票数 3
回答已采纳
在创建iOS程序时，如果我传递SEL (@selectors)并在其他类中调用它们，是否会对性能造成影响？这比正常的方法调用慢得多吗？
浏览 2提问于2012-05-24得票数 1
回答已采纳
2回答
我只是想知道，如果我在每个绑定中重复某个属性的子路径，或者如果我绑定DataContext而只在绑定中声明相对路径，这是否有什么不同。
示例：
绝对路径：
<UserControl x:Name="uc"/>
<StackPanel>
<TextBox Text="{Binding ViewModel.Prop1, ElementName=uc}" />
<TextBox Text="{Binding ViewModel.Prop2, ElementName=uc}" />
浏览 5提问于2011-02-24得票数 3
回答已采纳
好的，我想我理解了。
因为一般扩展器可以扩展任何对象，而fn.extend是用于插件函数，这些插件函数可以直接从jquery对象调用，并且可以使用一些内部jquery巫术来调用。
因此，似乎有人会以不同的方式调用它们。如果使用常规扩展通过添加函数y来扩展对象obj，则该方法将附加到对象obj.y()，但如果使用fn.extend，则它们将直接附加到jquery对象$.y()...我是否得到了正确的是或否，如果不是，我的理解有什么错误？
现在我的问题是：
我正在读的这本书提倡使用
jQuery.fn.extend({
a: function() { },
b: function(
浏览 0提问于2010-04-10得票数 18
回答已采纳
1回答
我使用6台服务器组成一个集群，它们都是磁盘节点。我使用rabbitmq为我们的网站收集日志文件。现在，在高峰时刻，发布速率约为每秒30k条消息。有两个主要使用者(hdfs和elasticsearch)，每个用户都需要处理所有消息，因此传输速率达到每秒60k左右。
在我的场景中，一台服务器可以容纳10k的传输速率，我使用6个节点来负载平衡压力。我的解决方案是在每个节点上创建两个队列。每条消息都有一个随机路由密钥(类似于message.0、message.1等)来向每个节点分配压力。
令我困惑的是：
所有消息都发送到一个节点。我应该使用HA代理来平衡这个发布压力吗？
持久队列和临时队列之间是否
浏览 4提问于2013-03-15得票数 1
如果我们只有一个元素需要应用css或javascript。给它一个class还是id，哪个更有效？我知道理想情况下我们应该给出id，但是我有一个场景，我已经写好了代码，只有在涉及到性能的情况下，我才想修改它。
浏览 0提问于2011-10-14得票数 3
回答已采纳
这可能是一个愚蠢的问题，但是设置这样的设置有什么好处呢？
for i in list:
do task 1
do task 2
vs
for i in list:
do task 1
for j in list:
do task 2
我猜想，对于大型列表，两者的性能没有差异，但对于哪一个更好，是否有任何约定。我认为2可以更容易地并行化，并且更容易捕获错误，但实际上具有重复行的冗余性。
浏览 5提问于2014-08-08得票数 2
回答已采纳
1回答
我不知道堆栈是怎么工作的..。
除了内存分配所需的时间外，静态数组和动态数组之间是否存在性能差异？
char* data = ( char *)malloc(100)；char data100；
据我所知，堆栈只有几MB。为什么堆栈是有限的？为什么没有堆栈和堆而没有一个存储内存的地方？
是否应该动态分配所有数组？例如，堆栈上有一个大小为1KB的数组，这是个好主意吗？
浏览 3提问于2014-02-25得票数 2
回答已采纳
从jQuery 1.9开始，jQuery对象的.selector属性已被删除。(确切地说，我有点困惑为什么)。实际上，我在一些独特的场景中使用了它，我知道我可以做其他的事情来防止这种情况发生。只是想知道是否有人知道在1.9?的时候是否有其他方法可以抓住选择器。
$('#whatever').selector // (would of returned '#whatever')
我需要.selector的一个例子是，当我已经有了一组name复选框时，我希望在该组中看到哪个复选框被选中。
var $test = $('input[name="t
浏览 2提问于2013-02-19得票数 5
回答已采纳
我读到你可以在js中模拟静态局部变量，如下所示：
function count() {
count.i++;
}
count.i = 0;
将'i‘存储为'count’的属性是否比使用全局变量更快？例如：
var i=0;
function count ()
{i++;
}
这只是一个性能比较问题。
谢谢。
浏览 1提问于2012-02-13得票数 1
回答已采纳
我是javascript和jQuery的新手，正在尝试更好地理解事件。
使用function (event ) {}与(event => {} )是否有一个理想的时间？你能用其中的一个做同样的事情吗?它是tomayto tomahto类型的东西，或者是否有某些实例你需要使用其中的一个？一个是声明，一个是and表达式？它看起来不是一个函数，但是你可以在花括号中运行函数？
例如：
.mousedown(函数(事件){ })；
VS.
.mousedown(event =>代码)；
一个普通的函数()能在这个领域完成一些事情吗？
非常感谢!
浏览 2提问于2020-03-17得票数 0
我的.vimrc上有set guifont=Fira\ Code:h14，它在Macvim上运行得很好。但是，如果它是从Tmux内部启动的，它不会加载字体并抛出一个错误消息invalid font(s)。
我使用brew-cask安装了字体，但我怀疑这是问题所在，因为它在Tmux外启动时可以工作，可能缺少一些配置。我该如何解决这个问题呢？
浏览 4提问于2017-10-30得票数 0
考虑以下三种情况：
(1)：
<div class="zones"></div>
<div class="zones"></div>
<div class="zones"></div>
vs (2)：
<div id="zone1"></div>
<div id="zone2"></div>
<div id="zone3"></div>
vs (3)：
&l
浏览 0提问于2013-11-04得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
