jquery焦点不会触发css焦点

前端之家收集整理的这篇文章主要介绍了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()

猜你在找的jQuery相关文章