使用jQuery单击按钮时,如何设置元素的动画



我目前正在学习jQuery,并试图研究当有人点击我表单中的一个文本输入字段时,如何将类添加到跨度中,而且当只点击其中一个输入时,它也不会将类应用于所有跨度。

目前我有这段代码,它确实添加了类,但当我单击其中一个文本输入字段时,它会将.active类添加到所有输入中。

$(".form input").click(function(){
  $("span").addClass("active");
});

我知道我必须使用$(this(,但我不太明白语法,因为它还没有点击。

感谢的帮助

编辑

对不起,我本应该包含更多的代码。我添加了一个链接到一个网站,上面写着我正在努力实现的目标。当您单击表单中的某个输入时,该输入的标签会向上移动,以便您可以输入文本。我还注意到,如果你不输入任何内容,标签就会再次向下移动。

网站:网站链接

感谢迄今为止的回复

目前正在学习jQuery,我正在尝试锻炼如何添加当点击按钮时,类为输入

$(".form input[type=button]").click(function(){
  $(this).addClass("active");
});

最新更新