Question

$（document）.ready（function（）{ $（“。module .caption”）。hide（）; $（“。module”）。hover（function（）{ $（本）.find（ “标题”）了slideDown（）; ，function（）{ $（本）.find（ “说明”），效果基本show（）; }）; }）;

这个代码段非常适合我的目的，唯一需要注意的是我需要.module悬停功能同时向所有其他“.caption”添加一个“under”类，而不是$ this，然后删除当悬停结束时它们。所以基本上我不想要徘徊的“模块”来获得课程，我希望它完全按照我在这里展示的内容...在上下悬停时上下滑动。我只想要其他所有“。当任何“.module”徘徊时，标题是“获得下层阶级的标题”。

只是用我一直在努力的方式来达成死胡同，想要在同一个功能中做到这一点。有什么想法吗？

Answer 1

根据您的html结构，可能会这样做：

<script type="text/javascript">
 $(document).ready(function() {
  $(".module .caption").hide();
  $(".module").hover(function() {
    $(this)
      .find(".caption").slideDown().end()
      .siblings('.module').children('.caption').addClass('under');

   },function() {
    var $this = $(this);

    $this.find(".caption").slideUp();

    setTimeout(function() { 
      $this
        .siblings('.module').children('.caption').removeClass('under');   
   }, 1000);
 });
</script>

Answer 2

只需将该类添加到所有其他标题，然后将其从匹配的标题中删除即可。在悬停结束时，只需将其从所有这些中移除。

Answer 3

$(function () {

        $('a').hover(function () {
            $(this).addClass('on');
            $('a:not(.on)').addClass('noton');

        }, function () {
            $(this).removeClass('on');
            $('a:not(.on)').removeClass('noton');

        });
    });

Answer 4

我不确定这是否会有所帮助，因为我不知道“under”类到底是做什么的。

$(".module").hover(function() {
         $(".caption").addClass("under");
         $(this).find(".caption").removeClass("under").slideDown(); 
       },function() {
         $(this).find(".caption").slideUp();
         $(".caption").removeClass("under");   
       });

jQuery语法问题，我觉得很容易

4 个答案: