Question

所以我正在创建一个登录用户名和密码表单。我想知道如何分别引用这两个输入来添加和删除它们被重叠时的类。例如，当您将鼠标悬停在用户名框上时，颜色会从红色变为略浅的红色。基本代码是：

$('input').hover( function(){ 
    $(this).addClass('highlight'); 
}, function(){ 
    $(this).removeClass('highlight'); 
});

但是我如何引用这两个输入的名称＆＃34;用户名＆＃34;和＃34;密码＆＃34;这样当每个单独的输入框悬停在它上面时会改变颜色吗？

Answer 1

在您的方法中，$('input')将考虑表单中的所有输入元素但是，由于您只需要两个输入元素，因此可以使用以下命令：

$('input').hover( function(){ 
    if($(this).attr('name') == 'username' || $(this).attr('name') == 'password')){
          $(this).addClass('highlight'); 
    }
}, function(){ 
    $(this).removeClass('highlight'); 
});

Answer 2

＆＃39; this＆＃39; object是悬停在其上的当前元素。 http://jsfiddle.net/7BLLR/ 这是我的语法问题。只是简单的拼写错误。

$('input').hover(function () {
    $(this).addClass('highlight');
}, function () {
    $(this).removeClass('highlight');
});

引用表单的输入

2 个答案: