jquery - 是否可以链接 .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>]