等于jQuery对象的变量

我有3个跨度，如下所示：

dot1=$（'#加载点-1'）；
dot1.延迟（500，函数（）{
dot1.show（500）；
});
@导入url（'https://fonts.googleapis.com/css?family=Montserrat:300i，400600&display=swap'）；
.正文{
宽度：钙（100%）；
填充：0；
保证金：0；
转化：translateY（-50%）；
位置：绝对位置；
最高：50%；
字体系列：“蒙特塞拉特”，无衬线；
字体大小：400；
字体大小：6vw；
颜色：#000；
文本对齐：居中；
}
.装载点{
不透明度：0；
}

装载
.
.
.

几件事。
delay（）
func更改显示属性，而不是不透明度，因此您必须在默认状态下为点指定一个
display:none
。其次，
delay（）
不将回调函数作为参数。相反，您需要将
show（）
链接到它


let dot1=$（'#loading-dots-1'）；
dot1.延迟（500）.显示（500）
@导入url（'https://fonts.googleapis.com/css?family=Montserrat:300i，400600&display=swap'）；
.正文{
宽度：钙（100%）；
填充：0；
保证金：0；
转化：translateY（-50%）；
位置：绝对位置；
最高：50%；
字体系列：“蒙特塞拉特”，无衬线；
字体大小：400；
字体大小：6vw；
颜色：#000；
文本对齐：居中；
}
.装载点{
显示：无；
}

装载
.
.
.

首先，您需要更改
加载点
类以使用显示，因为
.show（）
方法更改元素的显示属性

Second
.delay（）
函数不接受函数作为第二个参数（它是字符串类型）。您可以像这样简单地链接jquery效果：
$（'#加载点-1'）。延迟（500）。显示（500）

下面是一些修改过的代码，希望这能回答您的问题


const dot1=$（'#loading-dots-1'）；
dot1.延迟（500）.显示（500）；
常数dot2=$（“#加载点-2”）；
dot2.延迟（1000）.显示（500）；
常数dot3=$（“#加载点-3”）；
dot3.延迟（1500）。显示（500）
@导入url（'https://fonts.googleapis.com/css?family=Montserrat:300i，400600&display=swap'）；
.正文{
宽度：钙（100%）；
填充：0；
保证金：0；
转化：translateY（-50%）；
位置：绝对位置；
最高：50%；
字体系列：“蒙特塞拉特”，无衬线；
字体大小：400；
字体大小：6vw；
颜色：#000；
文本对齐：居中；
}
.装载点{
显示：无；
}

装载
.
.
.

我会将
设置超时
与show一起使用。
而且你的第一个例子也应该有效，它不起作用，因为你有
opacity:0应该是
显示：无
见下文


var dots=$（“.loading dots”）
var指数=-1；
函数加载（）{
如果（索引==点长度-1）
{
指数=0；
点。隐藏（）；
}else索引++；
$（点[索引]）.show（500，函数（）{
设置超时（加载，501）
});
}
加载（）
@导入url（'https://fonts.googleapis.com/css?family=Montserrat:300i，400600&display=swap'）；
.正文{
宽度：钙（100%）；
填充：0；
保证金：0；
转化：translateY（-50%）；
位置：绝对位置；
最高：50%；
字体系列：“蒙特塞拉特”，无衬线；
字体大小：400；
字体大小：6vw；
颜色：#000；
文本对齐：居中；
}
.装载点{
显示：无；
}

装载
.
.
.

var dot1=$（“#加载点-1”）；第二个示例也不起作用：
opacity
设置为0<代码>显示（）！看来我犯了个严重的错误…是的。我认为jQuery认为对象是隐藏的，即使它们的不透明度设置为0。谢谢实际上，这是一种很好的圆点处理方法。我使用了一个switch case作为解决方案，认为我不能定义jQuery对象数组。谢谢！