使用
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') });