改变div的类但不改变其中的span

Question

我有一个带有灰色边框的<div>，我将其用作按钮。

当我翻过它时，我使用jQuery将边框颜色更改为黑色（通过更改mouseover上的css类）。在<div>中，还有一个带有我的按钮文字的<span>。

麻烦的是，当我翻阅文本时，它也会获取css类更改信息，然后我的文本会出现黑色边框。

我想知道javascript或jQuery是否有办法忽略<span>文本并将其视为不存在。

我只想更改按钮的边框颜色，而不是为文本添加边框。

任何帮助表示赞赏！

Answer 1

当您应用新样式时，您的选择器似乎是错误的，并且也包含跨度的内容。

但是对于所有化妆品更换鼠标的事件请使用css方式:) 很多清洁工。

.myClass
{
  // css of the button
}
.myClass:hover
{
  // css of the button when mouse over it.
}

Answer 2

正如@ Jean-Philippe所说，jQuery并不是必需的，css包含了当你将鼠标悬停在元素上时所需要的所有功能。

它也可以用jQuery完成，但我没看到问题是什么。

此jsfiddle演示了这两种方法，既没有在内部范围上设置边框