CSS:

.focus {
    border-color:red;
}

JQuery:

  $(document).ready(function() {

    $('input').blur(function() {
        $('input').removeClass("focus");
      })
      .focus(function() {
        $(this).addClass("focus")
      });
  });

这里有一个比目前公认的更有力的答案:

jQuery.expr[':'].focus = function(elem) {
  return elem === document.activeElement && (elem.type || elem.href);
};

注意(elem。类型|| elem.href)测试添加过滤假阳性如身体。这样，我们可以确保过滤掉除了表单控件和超链接之外的所有元素。

(摘自本·阿尔曼的主旨。)

简单的

 <input type="text" /> 



 <script>
     $("input").focusin(function() {

    alert("I am in Focus");

     });
 </script>

没有专注，但有选择 http://docs.jquery.com/Selectors/selected

但是如果你想要根据所选择的内容来改变事物的外观，你可能应该使用模糊事件。

http://docs.jquery.com/Events/blur

2015年4月更新

由于这个问题已经出现了一段时间，并且有一些新的约定开始发挥作用，我觉得我应该提到.live方法已经被贬低了。

现在引入了.on方法。

他们的文档在解释它如何工作方面非常有用;

on()方法将事件处理程序附加到当前选择的集合 jQuery对象中的元素。从jQuery 1.7开始，.on()方法 提供附加事件处理程序所需的所有功能。为 帮助从旧的jQuery事件方法转换，参见.bind()， .delegate()和.live()。

因此，为了让你瞄准“input focused”事件，你可以在脚本中使用它。喜欢的东西:

$('input').on("focus", function(){
   //do some stuff
});

这是相当强大的，甚至允许您使用TAB键以及。

有一个插件可以检查一个元素是否被聚焦:http://plugins.jquery.com/project/focused

$('input').each(function(){
   if ($(this) == $.focused()) {
      $(this).addClass('focused');
   }
})