jquery를 사용하여 요소의 속성을 지우십시오.

Question

저는 기본 양식을 디자인하고 있습니다. 입력 텍스트와 버튼이 있습니다. 내가 버튼을 클릭하면 "입력 텍스트"안에 텍스트가 없으면 "입력 텍스트"에 "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" /> 

Answer 1

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

Answer 2

이

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

Answer 3

처럼 달성 할 수있는이 작업 예를 참조하십시오

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

,369을

$(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"); 
    });