Comments on: jQuery Quick Tip #1 – Adding a class on focus

By: admin

admin — Tue, 02 Jun 2009 19:25:26 +0000

Cheers sean for the heads up about the alternative method! I’ll give it a try.

Sean Curtis — Tue, 02 Jun 2009 01:32:21 +0000

Oops – should be:

$(function(){
$(’input[type=text]‘).bind(’focus blur’, function(){ $(this).toggleClass(’focus_class’); });
});

You can do it this way currently in 1.3.2 but if you have other classes they may be removed. See http://brandonaaron.net/blog/2009/05/6/jquery-edge-enhanced-toggleclass for more info.

Sean Curtis — Tue, 02 Jun 2009 01:29:43 +0000

You can soon do this even simpler with toggleClass(). From version 1.3.3 (out soon) you can just do:

$(function(){
$(’input[type=text]‘).trigger(’focus blur’, function(){ $(this).toggleClass(’focus_class’); });
}):