jquery - .css().fadeIn() をチェーンすることは可能ですか?

Question

これを試すとエラーが発生するので、実際にこれを行う方法があるのか​​ 、それとも私が行かなければならないのか疑問に思っていました;

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

Answer 1

はい、連鎖できます。

2 番目のパラメーターを CSS プロパティの値として渡して設定します。

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

ただし、$(this) に jQuery オブジェクトがあることを確認してください。このオブジェクトをどのように取得していますか? 要素（非表示）のイベントで？

例 ：

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

動作サンプル: http://jsfiddle.net/mak3G/1/

Answer 2

css()2 つのオプションがある場合:

• 1 つの引数、たとえばcss('color')css color プロパティ値を取得する場合、これは連鎖できません
• css('color', '#000')たとえば、値を設定するために使用され、jQuery オブジェクトを返すため連鎖できる2 つの引数

総括する：

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>]