jQuery没有选择div类答案

【问题标题】：jQuery not selecting div classjQuery没有选择div类
【发布时间】：2010-05-28 04:55:35
【问题描述】：

尝试制作一个简单的切换菜单，但我似乎无法使用这个 jQuery 隐藏/显示子菜单：

$(".topic news").mouseup(function(){
    $(".feed groups").hide("fast", function(){
      $(".feed messages").hide("fast");
      $("ul.feed news").toggle("fast");
    });
  });

下面是对应的 HTML：

<div class="topic news">
  <span>News Feed</span>
 </div>
 <ul class="feed news">
  <li>News item #1</li>
  <li>News item #1</li>
  <li>News item #1</li>
  <li>News item #1</li>
  <li>News item #1</li>
 </ul>

有什么想法吗？

【问题讨论】：

标签： javascript jquery html css

【解决方案1】：

要选择具有多个类的div，无论是在 CSS 还是 jQuery 中，您都可以连接多个类选择器：

// Notice the dot instead of the space in all these selectors
$(".topic.news").mouseup(function(){
    $(".feed.groups").hide("fast", function(){
      $(".feed.messages").hide("fast");
      $("ul.feed.news").toggle("fast");
    });
});

【讨论】：

【解决方案2】：

不会触发任何效果，因为没有包含类提要和组的 html

$(".feed.groups").hide("fast", function(){

除非你省略了。

【讨论】：