将CSS属性添加到jQuery

问题描述:

我需要在此脚本中设置一个CSS属性以与动画一起进行,但我似乎无法做到这一点。将CSS属性添加到jQuery

我需要ID为“container”的div在点击功能激活时设置CSS属性。我需要一个overflow: hidden设置为#container

这是我的脚本。

$(function() { 
    $(".folderContent").hide(); 

    $(".signin").click(function(event) { 
     var folderContent = $(".folderContent"); 


     var folderContentShown = folderContent.css("display") != "none"; 

     var clickedFolder = $(this); 
     clickedFolder.parent("#signincontainer").after(folderContent); 

     $("body").find("#container").not(clickedFolder).each(function() { 
      if (!folderContentShown) $(this).not("#signincontainer").animate({ 
       opacity: 0.50 
      }, "slow"); 
      else $(this).animate({ 
       opacity: 1.00 
      }, "slow"); 
     }); 

     //clickedFolder.animate({opacity: folderContentShown ? 1.00 : 0.70}, "fast"); 
     folderContent.slideToggle(); 
     event.preventDefault(); 
    }); 
}); 

$('#container').css('overflow','hidden'); 

你试试这个?

+0

我试过了,但不知道往哪里放,在脚本?我只希望它在显示#signincontainer时发生,但在隐藏#signincontainer时将其删除。 – 2011-04-03 20:01:16

+0

因此,只需将它添加到显示或隐藏它的行之后。 – Damb 2011-04-03 20:02:00

+1

为了更容易的扩展性和操作..我会把溢出风格放入一个css类,然后在jQuery中使用.addClass()而不是.css()。因此,在显示容器后,您将调用addClass(),然后在隐藏它时调用.removeClass()。 – Damb 2011-04-03 20:06:51

你应该去jQuery网站阅读它......它会更有意义,它非常简单。

http://api.jquery.com/css/

+0

减号且没有任何评论?谢谢。 – trgraglia 2013-10-30 19:31:09

它使用简单:

$("p").css("color", "red"); 

您可以点击此链接:DEMO