jQuery:将每个函数转换为for循环

布雷特·D

最近,我在stackoverflow上得到了大家的帮助,以帮助我在mouseover事件上将背景图像移动适当的距离。这很好用,但是问题是我担心使用每个函数的最佳程度。

我希望可以对如何将特定代码转换为for循环进行简短的解释,因为我对优化的好处很感兴趣,但是我不太了解如何将其转换为for的语法差异。循环。

var xPosition = -195;
$('div.style-swatches ul li').each(function(){
    $(this).mouseenter(function(){
        $(this).closest('div.chip-style').find('div.chip-preview').css("background-position", (xPosition - ($(this).index() * 195)) + "px 0");
    });
});
罗科·C·布尔扬

只是不要使用 .each()

演示小提琴

$("div.style-swatches li").mouseenter(function() {
     $(this).closest('div.chip-style').find('div.chip-preview').css("background-position", (xPosition - ($(this).index() * 195)) + "px 0");
});

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

将jquery的每个函数转换为纯javascript

来自分类Dev

python:将for循环转换为递归函数

来自分类Dev

Scala将For循环转换为函数方法

来自分类Dev

将代码循环转换为函数

来自分类Dev

python:将for循环转换为递归函数

来自分类Dev

将 for 循环转换为函数式风格

来自分类Dev

将每个循环的递归jQuery转换为JavaScript以进行VBA脚本控制

来自分类Dev

将.each()转换为for循环jQuery

来自分类Dev

将JavaScript for循环转换为jQuery

来自分类Dev

将嵌套的for循环逻辑转换为for每个java流

来自分类Dev

将jQuery函数转换为JavaScript GSAP

来自分类Dev

将jQuery函数转换为纯JavaScript

来自分类Dev

将jquery函数转换为js

来自分类Dev

将原型Ajax函数转换为jQuery

来自分类Dev

将按钮 onClick 函数转换为 jQuery

来自分类Dev

将 SVG 转换为 jQuery 函数

来自分类Dev

将 jquery 转换为普通的 javascript 函数

来自分类Dev

将for循环转换为if

来自分类Dev

使用Apply将R循环转换为函数形式

来自分类Dev

如何将tapply函数转换为for循环?

来自分类Dev

R:将嵌套的for循环转换为应用函数

来自分类Dev

将嵌套的匿名函数转换为foreach循环

来自分类Dev

将循环转换为任务

来自分类Dev

将onchange函数转换为输入文本JQuery的数组

来自分类Dev

如何将jQuery动画函数转换为纯JS

来自分类Dev

获取表内容,将JS转换为jQuery函数

来自分类Dev

如何将jQuery代码转换为函数?

来自分类Dev

将 JavaScript 函数转换为 jQuery - 选择选项列表

来自分类Dev

C#将每个循环的VBA转换为C#,但会产生编译错误