使用 jQuery 正确隐藏 ``？

Question

我有以下 HTML:

<div class="alert-message success">
  <a class="close" style="display: none; ">×</a>
  <p>Authenticated as Zach.</p>
</div>

和以下 jQuery:

$('.close').click(function(){
  $('.alert-message success').hide('slow');
});

隐藏

是否存在根本性错误？如果我隐藏 .close ，就没有问题。我不确定为什么这不起作用。

Answer 1

它需要是：

$('.close').click(function(){
  $('.alert-message.success').hide('slow');
});

使用 $('.alert-message success')，您要求 JQuery 在单独的 div 类中查找 div 类 .success <代码>警报消息。

Answer 2

选择器无效。去掉“成功”，应该是GTG。

检查 JSFiddle 进行确认： http://jsfiddle.net/bP6g4/

Answer 3

始终倾向于不要在名称中使用空格。更喜欢“下划线”或“驼峰式”。空格充当分隔符。

当您说 $('.alert-message success') 时，jQuery 会解释为有一个名为“success”的 HTML 元素（即 < /code>) 在“alert-message”类中，让我们隐藏该元素。因此，即使代码是正确的，它也不会给出正确的输出。