javascript - 使用 jQuery 从表单元素添加和/或删除类

Question

我需要一个 jQuery 脚本，当用户聚焦于表单元素时，该脚本将添加一个类，当用户离开表单元素时，该类将被删除。

$("#search_text").click(function() {
    $(this).removeClass('search').addClass('search_active');
    $('#search_icon').removeClass('search_icon').addClass('search_icon_active');
});

此脚本添加该类，但当用户离开该元素时不会将其删除。

Answer 1

正如 Daniel A. White 所说，您应该使用 .focus 和 .blur

$("#search_text").focus(function() {
    $(this).removeClass('search').addClass('search_active');
    $('#search_icon').removeClass('search_icon').addClass('search_icon_active');
});

$("#search_text").blur(function() {
    $(this).removeClass('search_active').addClass('search');
    $('#search_icon').removeClass('search_icon_active').addClass('search_icon');
});

欲了解更多信息:关注:http://api.jquery.com/focus/模糊:http://api.jquery.com/blur/