用jquery清除元素的属性答案

【问题标题】：Clear a property of element with jquery用jquery清除元素的属性
【发布时间】：2013-08-26 06:50:13
【问题描述】：

我正在设计一个基本表单。我有一个输入文本和一个按钮。当我点击按钮时，如果“输入文本”里面没有文本，“输入文本”里面会出现一个“x”图标。

我把那个图标和 jquery 放在一起。但我不知道如何删除它。当用户在输入文本中单击时，我想清除此图标。这是我的 jquery 代码。

$('#lbl1').click(function () {
  if ($("#fill").val().length==0) {
        $("#fill").css({ background: "url(image/cikis.png) no-repeat right"});
  }
});

$('#fill').click(function () {
     //some codes here
});

这是我的 html 行：

 <label id="lbl1">Tıklama </label>
 <input type="text" id="fill" />

【问题讨论】：

只是一个快速提示：如果您要使用默认文本而不是图像，您可以使用 html5 占位符来执行此操作
不，我试过了。没有重复。
@AliSağırvelioğulları 是的，抱歉，我误读了您的问题
只是出于好奇，为什么需要一个可点击的标签。那是什么用户界面？
其实是因为我工作的主题。

标签： javascript jquery html css

【解决方案1】：

$("#fill").click(function() {
     $(this).css("background-image", "none");
});

【讨论】：

【解决方案2】：

你可以这样实现

$('#fill').click(function () {
     $(this).css( "background-image", "none");
});

【讨论】：

【解决方案3】：

请看这个工作示例：

http://jsbin.com/UgIl/1/edit?html,js,output

$(document).on("focus", "#fill", function (event) {
        $(this).filter(function () {
            return $(this).val() == ""
        }).css("background", "url(http://beoplay.com/resources/sbv-custom/img/linkbuttons/close-icon.png) right no-repeat transparent");
    });

    $(document).on("blur", "#fill", function (event) {
        $(this).filter(function () {
            return $(this).val() == "" 
        }).css("background-image", "none");
    });

【讨论】：