jquery - 专注于输入时如何更改背景位置

Question

<div class="field">
    <input name="password" type="password" />
</div> 

我想在输入焦点上更改字段 div 的背景图像位置。知道用 jquery 来做吗？谢谢。

Answer 1

我还没有尝试过，但我认为以下方法应该可行:

$('input:password').focus(
    function(){
        $(this).parent().css({'background-position': 'Xpx Ypx'});
    }).blur(
    function(){
        $(this).parent().css({'background-position': 'Xpx Ypx'});
    });