jquery - If/Else ステートメントによる CSS プロパティのターゲット設定

Question

わかりました、うまくいけば、これはかなり簡単な質問です。タイトルが示すように、if else ステートメントで opacity プロパティを使用する場合、それをターゲットにすることは可能ですか? もしそうなら、どのようにコードを書きますか?

このようなことをしてくれませんか？

if ($("#someObject").css().opacity == 1) {
    // do this
} else if {$("#someObject").css().opacity == 0){
    // do this instead
};

score 3 · Accepted Answer

jQuery を使用している (実際に使用しているように見える) 場合は、ほぼ完了です。

if ($("#someObject").css('opacity') == 1) {
  // do this
} else if ($("#someObject").css('opacity') == 0){
  // do this instead
};

が正しいコードになります。

これが何をしているのかをより具体的に説明すると.css()、jQuery で単一のパラメーターを使用した場合のメソッドは、要素の計算された CSS のアクセサーです。CSS ルールを渡すと、設定値が返されます。

変更を加える場合は、最初に値をキャッシュして、複数の選択/評価呼び出しを行わないようにします。例えば

var setOpacity = $("#someObject").css('opacity');
if (setOpacity == 1) {
  // do this
} else if (setOpacity == 0){
  // do this instead
};

score 0 · Accepted Answer

ロビンの答えに基づいて、次を使用できますswitch。

switch($("#someObject").css('opacity')){
  case 1:
    // do this
    break;
  case 0:
    // do this instead
    break;
}

2 に答える 2