Javascript 如何在使用jquery单击其他元素时向元素添加类

我有一个

输入

，它应该在单击时将一类

单击的

添加到另一个id为

#zip

的元素中。代码如下：

$（'#计费_-zip'）。单击（函数（）{
$（'#zip'）.addClass（'clicked'）；
});
#zip{
颜色：#444；
字体：斜体；
位置：绝对位置；
顶部：8px；
左：35px
}
.点击{
显示：无；
}

拉链
拉链
您的代码工作正常

可能有两个问题：

您缺少添加jQuery参考：


您应该将代码包装在
文档中。就绪
事件：

$（函数（）{
$（“#账单_-zip”）。单击（函数（）{
$（'#zip'）.addClass（'clicked'）；
});
});

您忘了声明账单的id


$（文档）.ready（函数（）{
$（“#账单_-zip”）。单击（函数（）{
警报（“hi”）；
$（'#zip'）.addClass（'clicked'）；
});
});
#zip{
颜色：#444；
字体：斜体；
位置：绝对位置；
顶部：8px；
左：35px
}
.点击{
显示：无；
}

拉链
拉链
在此处查看。如果需要，请使用document.ready。我发现的一个重要问题是，如果输入框上的占位符文本很长，那么它会覆盖整个输入框区域，并且不允许触发单击事件。请参阅jsfiddle

$('#billing_zip').click(function () { 
    $('#zip').addClass('clicked');
});

$('#zip').click(function () { 
    $('#zip').addClass('clicked');
});

如果这只是你想要的。然后您可以直接执行以下操作：

$('#billing_zip').click(function () {
    $('#zip').css("display","none"); // or you can use hide or fadeout property.
});

当我将jQuery代码包装在“$（document）.ready”中时，它起了作用：

$(document).ready(function(){
  $('#billing_zip').click(function () {
   $('#zip').addClass('clicked');
 });
});

据我所知，你的代码运行得很好<代码>单击
类将被应用。不要忘记将jquery代码包装在
$（document.ready）中（function（）{///您的jquery代码//}）在标签中添加id='billing\u zip'。您将billing_zip声明为自定义属性（用于）。但你选择它作为id。我不知道为什么它现在工作，但很抱歉。它工作检查你的文件，如果jquery加载和它的代码放置正确