jquery - 使用 JQuery\Watermark 更改 css 类

Question

我的应用程序试图在表单的文本框中显示文本水印，但我不想触及该框的实际值。因此，我正在尝试使用带有水印文本的背景图像，使用类；

    .watermarkon input
   {
        background-image: url('../forms/images/TypeNameWatermark.png');
        background-repeat:no-repeat;
   }

    .watermarkoff input
   {
        background-image: none;
   }

我在表单中设置文本框 CssClass="watermarkon"，当单击此类元素时，我想删除“watermarkon”并替换为“watermarkoff”，或者甚至只是删除现有类。我在语法上尝试了很多不同的尝试，虽然我可以很好地捕获点击事件，但页面似乎从未更新元素的 CSS。这是我最近的尝试:

     jQuery(document).ready(
         function() {
             jQuery(".watermarkon input").click(function(event) {
                 jQuery(this).removeClass("watermarkon").addClass("watermarkoff");

             });
         }
     );

谁能告诉我我缺少什么 - 为什么我似乎无法更改 CSS 来更新实时网页？

提前致谢!

Answer 1

你的选择器是错误的

 jQuery(document).ready(
     function() {
         jQuery("input.watermarkon").click(function(event) {
             jQuery(this).removeClass("watermarkon").addClass("watermarkoff");

         });
     }
 );