jQuery 性能、.css 或 addClass

2024-01-03

我有一个很大的 jQuery 代码,我正在考虑我的函数的速度性能。单击某个元素(鼠标按下)时,我需要指定图像作为背景。我可以通过两种方式做到这一点:

$('#element li.class').css({"background":"someimageURL"});

or

$('#element li.class').addClass("someclass");

其中“someclass”具有实际的 CSS 背景图像。 女巫功能在这种情况下效果更好。

有没有办法测试各种功能的速度?

谢谢


我几乎可以肯定.addClass()将是两者中更快的一个。这本质上涉及向元素添加另一个类名,而替代方案则需要迭代元素样式并设置许多显式规则。

通过设置几个 css 规则$.css()可能没什么可担心的,但是如果您发现自己经常设置很多,那么是时候创建一个类并根据需要应用/删除它了。

我已将这两种方法的逻辑提取到一个位置,供您查看(如果您愿意)。

http://pastie.org/842738 http://pastie.org/842738

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

jQuery 性能、.css 或 addClass 的相关文章

  • jQuery能否获取未绘制的动态元素的大小

    我的意思是如果我用 jQuery 和 DOM 创建一个 Element var MainHolder document createElement div addClass box 如果我打电话MainHolder width 如果不在窗口
  • 智能位置表单字段

    我的用户注册表单上有一个文本字段location 我本质上希望这个字段能够根据 Google 地图 或同等地图 进行验证 只允许有效位置通过 最好采用类似的格式滑铁卢 伦敦 or 伦敦 英国 要求 除了位置名称之外 我还想返回该位置中心的坐
  • 谷歌闭包编译器和jquery

    我将 js 代码复制粘贴到谷歌编译器中 当我将其复制回我的应用程序时 它不起作用 我意识到我的代码需要jquery 所以我将jquery代码和我的代码复制到google编译器中 希望它能轻松解决问题 但它也不起作用 在chrome下 代码有
  • jQuery 仅匹配 div 中的部分 id

    昨天晚上我遇到了一个不寻常的情况 我只需要匹配 id 的一部分 让我用一个例子来让大家明白 我有几个像这样的div div div div div div div jQuery 就像 jQuery div dont know what to
  • 电子邮件模板 - MS Office Outlook 365 中不显示表格背景图像

    为了电子邮件模板的目的 我需要在 table 它包含图像上的文本 现在我已经尝试过 https stackoverflow com a 15620571 6191987 https stackoverflow com a 15620571
  • 通过 AJAX 发送 XML

    我在 jQuery 中创建了一个 xml 文档 如下所示 var xmlDocument
  • jQuery 日期选择器 - 时区问题

    我们在网站上使用 jQuery 日期选择器来选择预订的日期和时间 日历当前设置为太平洋标准时间 当用户尝试从其他时区访问时 这会导致错误 我们是否应该将服务器设置为 UTC 并让应用程序根据用户的 IP 地址自动选择用户的时区 我很好奇我们
  • 悬停在“除了”之外的所有内容上,即“聚光灯”效果:如何进行平滑且轻松的悬停过渡?

    Chris Coyier 曾在 CSS Tricks 网站上发表过一篇文章介绍如何实现这种效果 ul hover li not hover opacity 5 但我还试图实现平滑且轻松的悬停过渡 我只是不确定如何或在哪里插入代码的 平滑悬停
  • JavaScript:参数列表后缺少 )

    这个 JavaScript 产生一个错误 参数列表后缺少 在 firebug 中使用代码 我究竟做错了什么 功能d缺少左括号 answer after 不应该逃避 只需常规报价即可
  • 有什么方法可以在不重新加载的情况下更改标头 URL? [复制]

    这个问题在这里已经有答案了 可能的重复 修改URL而不重新加载页面 https stackoverflow com questions 824349 modify the url without reloading the page 使用新
  • jquery:如何检查div中的所有单选按钮是否被选中

    我的 html 看起来像这样 div div
  • jQuery - 拖动div css背景

    我希望能够在 div 内按住鼠标并移动它的背景 在谷歌上搜索了很多 没有找到我想要的 这是目标 显示的地图是要拖动的对象 http pontografico net pvt gamemap http pontografico net pvt
  • 设置股票数据 Highcharts xAxis 的格式

    我已经浏览了需要为 xAxis 属性设置的 Highcharts 选项来格式化时间标签 但没有运气了解这对于这种情况到底是如何工作的 我在白天 盘中 检索了股票的动态数据 我需要显示这些数据 因为检索的数据每天从 9 30 开始到 17 0
  • 如何中和 CSS 定义而不覆盖

    有没有一种方法可以中和元素的 CSS 规则而不覆盖所有内容 例如 我正在使用 Twitter Bootstrap 它有许多预定义的 CSS 定义table 在某些地方 我不想要它们 对某些table元素 我想知道我是否可以做这样的事情 ta
  • 本地 401 工作,临时服务器得到 302

    我可能不会获得帮助第一次尝试所需的所有信息 但我会尽我所能 并在我们进行过程中对其进行编辑 我有一个使用 Spring Security Core 插件的 Grails 1 3 7 应用程序 我正在编写处理会话超时和 ajax 请求的代码
  • .net dropdownlist对齐文本

    我正在尝试将 net 下拉列表中的文本向右对齐 使用 CssClass 我可以在 Firefox 中将文本向右对齐 IE 不会将文本右对齐 而是左对齐 我读到 IE 6 不支持这个 这是真的 我使用的是 IE7 但我的大多数用户将使用 IE
  • Jquery获取每个div的子子div并将信息抓取到数组中

    我有一些看起来像这样的 html div div class sub main div div
  • 如何使用 jQuery 在 ASP.NET MVC 3 中设置会话变量?

    所以这就是问题 如何使用 jQuery 在 ASP NET MVC 3 中设置 Session 变量 我正在尝试使用 ajax or post但问题是我真的不知道该怎么办 描述 只需发布到控制器并在那里设置会话变量即可 Sample jQu
  • 当td内容太宽时,表格溢出父div

    我准备了一个 JSFiddle 来解释 向你展示我的问题 http jsfiddle net nz96C http jsfiddle net nz96C 乍一看还不错 但是当我添加一些文本时 firsttd一旦使用 tds 整个宽度 整个表
  • 两个 div 之间的匿名空白

    这里是Fiddle http jsfiddle net y6hSV 1 我有两个divs一个用于标题 另一个用于主体 在 的里面div这是标题 我还有另一个div那个 div 是floated left 因为那个floating 两者之间出

随机推荐

  • 如何在 Angular 2 中使用 DataTable

    我想在我的 Angular 2 应用程序中使用 DataTable 但这是行不通的 Angular 2 无法在模板中添加脚本标签 你知道我该怎么做吗 我想我必须对 systemJs 做一些改变 列表 html table class dis
  • 并行编程:无法访问 UI Parallel?

    我正在尝试在 wpf c 中创建函数的并行执行 该函数也在 UI 上运行操作 但是在运行时 UI 控件上的方法总是会出现异常 调用线程无法访问此对象 因为不同的线程拥有它 异常总是在正在运行的循环的第二个实例上调用 因此不可能在两个并行运行
  • 如何通过php脚本执行.exe程序

    我想使用 php 脚本在我的 Apache 服务器上执行 exe 文件 程序如下 用户来了 填写了一个 html 表单 它转到 php 脚本 php脚本执行name exe file php 打印输出name exe页面上的文件 我通常从
  • 由于 WebSecurityConfigurerAdapter 已弃用,Spring 获取 AuthenticationManager 实例变得复杂

    Spring 最近弃用了 WebSecurityConfigurerAdapter 这似乎不是最明智的举动 因为新方法的文档记录极少 而且 WebSecurityConfigurerAdapter 基本上无处不在 现在我尝试向安全过滤器链添
  • 由于“检测到堆栈损坏:已中止”而崩溃

    我最近收到用户的投诉 称我的应用程序崩溃了 我从用户的错误日志中提取了以下内容 并能够了解问题发生的原因 12 17 10 31 12 446 I PLAYLIST 3158 PreparePlaylist 12 17 10 31 12 4
  • C++ 标准中临时绑定到成员生命周期语句的意义是什么?

    In 这个问题 https stackoverflow com q 4721136 57428 user 快乐米塔尔 https stackoverflow com users 317283 happy mittal引用 C 03 标准第
  • 将一个矩阵的行与另一个矩阵的行匹配,无论列顺序如何?

    我有两个矩阵 我需要查找一个矩阵中的两列集是否出现在另一个矩阵中 而不考虑顺序 A B B A 作为示例 这里有两个矩阵 X lt matrix c 23 33 4 21 5 27 47 39 37 8 30 42 59 63 53 50
  • Android Studio 更新至 1.0 损坏 MultiDex

    您好 有类似的错误 例如重复条目 失败 构建失败并出现异常 什么地方出了错 任务 eBooks packageAllDebugClassesForMultiDex 执行失败 java util zip ZipException 重复条目 a
  • 在 HttpClient 上使用 DelegatingHandler 和自定义数据

    考虑到使用 HttpClient 的众所周知的困境和问题 即套接字耗尽和不尊重 DNS 更新 最好的做法是使用 IHttpClientFactory 并让容器决定何时以及如何利用 http 池连接效率 这一切都很好 但现在我无法在每个请求上
  • React 上下文 useReducer 未正确更新

    我在使用减速器时遇到问题React语境 在buttonbar js 有两个按钮应该更新状态 状态将通过过滤当前的数据来更新 正在单击按钮 我没有收到任何错误 但它也没有执行任何操作 我认为问题出在减速机上 上下文 js import Rea
  • 为什么 std::pair 公开成员变量?

    From http www cplusplus com reference utility pair http www cplusplus com reference utility pair 我们知道std pair有两个成员变量 fir
  • 我们可以在 NodeJ 中使用多个 cpu 核心和工作线程来实现并行处理吗?

    我知道 cluster 和 child process 可以使用CPU的多个核心 这样我们就可以实现真正的并行处理 我还知道异步事件循环是单线程的 所以我们只能实现并发 我的问题是关于worker threads 假设我的电脑有 4 核 C
  • Guice Servlet 的简单示例

    我不知道如何继续一个简单的示例 阅读文档后 我完成了以下操作 设置 guiceFilter 创建了一个注入器并实例化了一个新的 ServletModuleGuiceServletContextListener并将监听器添加到 web xml
  • Python - 按四分之一间隔舍入

    我遇到了以下问题 给出各种数字 例如 10 38 11 12 5 24 9 76 是否存在一个已经存在的 内置 函数来将它们四舍五入到最接近的 0 25 步长 例如 10 38 gt 10 50 11 12 gt 11 00 5 24 gt
  • 安排 Rails 任务在特定时间运行

    我目前正在创建一个 Rails 应用程序 并想了解如何安排某些任务在特定时间运行 例如管理员希望在早上 8 00 向用户发送电子邮件 并且不想为了发送该电子邮件而早起 因此 他 她希望安排在那时发送电子邮件的任务 那么 有没有一种方法 或者
  • 如何将kinesis视频流存储到S3存储桶中?

    我正在通过 kinesis video Streaming 将实时视频流发送到亚马逊控制台 现在我想将其存储到亚马逊 S3 中 如何存储到S3请详细说明 谢谢 Amazon Kinesis Video 不会 开箱即用 地将视频存储在 S3
  • 如何使用 gsap 为camera.lookAt制作动画?

    camera lookAt myObject 将立即将 Three js 相机旋转到给定的对象 我想使用 gsap 来制作这个旋转的动画 我使用 gsap 来动画相机位置的变化没有问题 但下面的相机旋转代码没有任何作用 const targ
  • ASP.NET 中 mysql 的 Membership.Provider 问题

    使用 MVC4 同步到 mysql 服务器 通过更改 machine config 是否成功并成功使用 ASP net 配置工具创建用户 但是 当我使用使用该工具创建的用户名 并且位于数据库中 登录时 我收到此错误 System Inval
  • 读取应用程序文件夹外的单独 web.config 文件

    我需要阅读web config文件 位于应用程序文件夹之外 位于任何其他目录中 我尝试了这段代码 string filePath C Users Idrees Downloads New folder Web config Configur
  • jQuery 性能、.css 或 addClass

    我有一个很大的 jQuery 代码 我正在考虑我的函数的速度性能 单击某个元素 鼠标按下 时 我需要指定图像作为背景 我可以通过两种方式做到这一点 element li class css background someimageURL o