javascript - 当 div 聚焦时更改 div 中的元素类?

标签 javascript html css focus

当父 div 获得焦点时,如何更改 div 内元素的类?

比如我在事件的时候

<div id="window" class="fenster"><a class="bye"></a></div>

A的类变成hello了吗?

最佳答案

假设您所说的焦点是指鼠标悬停在上面并且您可以使用 jQuery?

$('#window').mouseover(function() {
    $('a.bye', this).removeClass('bye').addClass('hello');
});

如果您想在鼠标移出时重置类:

$('#window').hover(function() {
    $('a.bye, a.hello', this).toggleClass('bye').toggleClass('hello');
});

JSFiddle Example

JSFiddle Example using only javascript

关于javascript - 当 div 聚焦时更改 div 中的元素类?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5594015/

相关文章:

css - 在 WooCommerce/WordPress 中使用 CSS 定位产品属性

css - 样式 6 图像以内嵌在一行中以用于桌面和对移动方向的响应

javascript - 简单的 javascript 图像随机化器实际上并不加载图像

javascript - 检测对 Google Plus 关注按钮的点击(添加到圈子)

html - 使用 IE 从不同主机获取时的 CSS 图像路径

javascript - 用于开发 Azure Web 界面样式网站的库

javascript - 在 IE10 和 IE 11 中,大 div 上的 Transform 属性翻译 3d 非常慢

javascript - 通过从下一个 block 中仅添加 1 个元素来在 javascript 中 block 数组

html - 移动浏览器模拟器

Javascript draggable 我需要引用初始拖动的对象,以便我可以交换