jquery焦点不会触发css焦点

使用 jquery将焦点设置到元素时似乎存在问题.它显然不会触发：在一个元素上设置focus css属性.

例如在我的CSS中我有：

div.item1:focus { border:2px solid red; }

在我的jquery我有：

$("div.item1").focus();

焦点已设置,但元素没有应用红色边框.

解决方法

div元素不使用：焦点选择器..见 the CSS2 spec

The :focus pseudo-class applies while an element has the focus (accepts keyboard events or other forms of text input).

你可以这样做：

.hoverclass { border:2px solid red; }

$("div.item").hover(function() {
  $(this).addClass('hoverclass')
},function() {
  $(this).removeClass('hoverclass')
});

这使用.hover(),.addClass()和.removeClass()