jquery句柄mouseover mouseleave选项

我有以下问题：

我有这样一个选择菜单：

<select id="selectClass" name="bookClass" data-native-menu="false" data-mini="true">
    <option selected="selected" value="A">CLASS A</option>
    <option value="B">CLASS B</option>
    <option value="C">CLASS C</option>
    <option value="D">CLASS D</option>
</select>

甲级
B类
C类
D类

我想为

的每个选项元素处理

mouseover

和

mouseleave

事件（我不想为select处理mouseover，mouseleave事件）。我该怎么做

一个

本身不是一个可见的元素。它只是

元素的数据，在大多数情况下，该元素是使用本机O/s控件呈现的

好吧，这不可能做到，至少不能以跨浏览器的方式做到。它在Firefox中似乎确实有效

EDIT它实际上也适用于Webkit浏览器，但只有当

元素具有

size

属性，使得多个

可见时，它才起作用。

一个

元素本身不是可见元素。它只是

元素的数据，在大多数情况下，该元素是使用本机O/s控件呈现的

好吧，这不可能做到，至少不能以跨浏览器的方式做到。它在Firefox中似乎确实有效

EDIT它实际上也适用于Webkit浏览器，但只有当

元素具有

size

属性，使得多个

可见时，它才起作用。

您可以这样做-

更新：不幸的是，它只能在Firefox中运行

您可以这样做-

---

更新：不幸的是，它只在Firefox中工作

你想用选项上的mouseover/mouseout做什么？你可以创建一个列表

，当用户点击某个打开的触发器时，它就像一个图标一样可见/隐藏。然后，您可以捕获列表中每个元素的鼠标事件。对hunter：对于每个选项，我想在frenchie上显示一个带有当前选项描述的提示：不能用列表更改选择您想用选项上的mouseover/mouseout做什么？您可以创建一个列表
并使其像，当用户单击某个打开触发器时。然后，您可以捕获列表中每个元素的鼠标事件。对hunter:对于每个选项，我想显示一个提示，其中包含当前选项的描述。对frenchie:无法使用列表更改选择在Chrome或Safari中不适用，但在Firefox中适用。这似乎是一种非标准的行为。我想知道Webkit浏览器不支持这一点是否真的是一个“bug”。HTML5规范中没有规定
元素不能执行鼠标覆盖。啊，Webkit需要
元素上的

大小
属性。@Alnitak是的，它需要不同于1的大小-在Chrome或Safari中不适用，但在Firefox中适用。这似乎是一种非标准的行为。我想知道Webkit浏览器不支持这一点是否真的是一个“bug”。HTML5规范中没有规定
元素不能执行鼠标移动。啊，Webkit需要
元素上的
size
属性。@Alnitak是的，它需要不同于1的大小-
$("option").on("mouseover", function(e) {
    e.stopPropagation();

    $("p").text( $(this).val() );
});