是否可以链接.css（）。fadeIn（）？

Question

我在尝试这个时遇到错误，所以想知道是否真的有办法做到这一点，或者我只是必须去;

$(this).css('color', 'red');
$(this).fadeIn();

Answer 1

是的。你可以连锁。

将第二个参数作为CSS属性的值进行设置。

$(this).css("color","red").fadeIn();

但是，确保你在$（this）中有一个jQuery对象。你是怎么得到这个对象的？在一个元素的事件（隐藏）？

示例：

$("#someButtonID").click(function(){      
    $("#someDivID").css("color","red").fadeIn();
});     

工作样本：http://jsfiddle.net/mak3G/1/

Answer 2

如果是css()，您有两种选择：

• 一个论点，例如css('color')在这种情况下，您将获得css颜色属性值，这不能被链接
• 两个论点，例如css('color', '#000')，用于设置值，可以链接，因为它返回jQuery对象

总结一下：

var value = $(this).css('color'); // get color value
$(this).css('color', '#000').fadeIn(); // set color value and fadeIn

Answer 3

将这些字符串串起来时，我没有收到任何错误。

var a = document.createElement('div');
$(a).css('position','fixed').fadeIn();

返回：

[<div style="position: fixed; opacity: 0; display: block; "></div>]