jquery - このjQueryCSS操作が機能しないのはなぜですか？

Question

$("#submit_button").css("input.submit_button:hover","url()");

私が達成しようとしているのは、背景画像のURLを削除し、ホバーして他のすべてをそのままにしておくことです。

Answer 1

input.submit_button:hoverセレクターはcssルールではありません。

$("#submit_button").hover(function(){
   $(this).css('background-image','');
});

Answer 2

別のアプローチを試してください

// css

 .includehover{
     background:url("yourfile");
    }

このクラスを送信ボタンに渡します

// jquery

$(document).ready(function(){
  $("#submit_button").mouseover(function(){            
              $(this).addClass('includehover');           

   });

$("#submit_button").mouseout(function(){            
                  $(this).removeClass('includehover');           

       });

}）;

Answer 3

さて、私はあなたにcssだけでそれをすることを提案します。ボタンに背景画像を提供するCSSを用意し、ホバー時に背景画像を提供しないようにします。

<input type = "submit" id = "sub" />

#sub {
background-image : url ('your url');
}

#sub:hover{
//No Background image attribute
}