Javascript 如何使用jQuery对HTML元素应用css转换？

我有以下代码：

<input type="text" name="name" required>

<div class="form-error-cont">
    <p class="form-err">
        <i class="icon-remove"></i>
        <span class="text">Your name is required.</span>
    </p>
</div>

你的名字是必需的。

现在，当表单为空时，我将使用jQuery向

表单err

类添加一个

animate

类

当有

animate

类时，我想用CSS分别为

I

和

span

元素设置动画

---

这怎么可能？这里需要任何特殊的css选择器吗？

我不太确定您想要如何设置动画，但我已经创建了一个小提琴，您可以轻松编辑自己

您可以使用

$（'input'）.val（）进行检查如果输入为空

当前，当类为空时，该类将获得后面的内容，但根据您所说的内容，您可能希望将其反转

请随意评论和要求更改
 您需要分别在
i
和
span
上使用
css转换

我已经修改了你的代码，请看一下，这是你的答案

Html:

<input type="text" name="name" id="input" required>
<button id="btn">
 Check
</button>
<div class="form-error-cont">
<p class="form-err">
    <i class="icon-remove">i </i>
    <span class="text">Your name is required.</span>
</p>
</div>

jQuery

$(function(){
$('#btn').click(function(){
var val = $("#input").val();
if(val==''){
$(".form-err").addClass("animate");
} else{

}
});
});

工作小提琴
.form-err.animate.icon是否删除{opacity:0；}
？我很犹豫是否将其作为答案发布，因为我不确定这是否是您的意思。确定这是可能的，不需要“特殊”css选择器。我建议你做一些关于“转换”和“转换”CSS属性的研究。把你的代码放在答案中，这样答案是自包含的。仅使用演示支持答案中的实际内容
$(function(){
$('#btn').click(function(){
var val = $("#input").val();
if(val==''){
$(".form-err").addClass("animate");
} else{

}
});
});