javascript - 如果 ($ ('#selector' ).length == 0) 在 IE7 和 IE8 中不起作用

Question

这是我的 jquery 代码:

$(document).ready(function() {

    if ($('#login').length == 0) {
        $('#login').css('background', "url('/css/login-bg.gif') 2px center no-repeat");
    }
    if ($('#password').length == 0) {
        $('#password').css('background', "url('/css/password-bg.gif') 2px center no-repeat");
    }

    $('#login').focus(function() {
        $(this).css('background', 'transparent'); 
    });

    $('#password').focus(function() {
        $(this).css('background', 'transparent'); 
    });

});

它在 Firefox 中有效，但在 IE7 或 IE8 中无效。为什么？

这段代码的目的:它应该在登录表单中显示用户友好的文本，以便用户知道在用户名和密码输入字段中填写什么。这很重要，因为输入字段没有标签(我知道......但客户只是不希望那里有标签)。

if ($('#selector').length == 0) 条件是因为如果用户在浏览器中保存他/她的用户名和密码，浏览器会自动填充保存的值，所以它确保背景图像不与它们重叠。

Answer 1

你应该使用:

if($('#selector').val() == '')

代替

if ($('#selector').length == 0)

$('#selector').length 只会告诉您匹配了多少个元素，而不是所选元素值的长度。看这里:http://api.jquery.com/length/