光标未更改为 jsfiddle 中的指针

Question

我确定这是非常基本的，但是谁能帮我弄清楚为什么光标在其中一个按钮上移动时不会变为指针？

js/jquery 1.11

$(document).ready(function(){
    // if cursor over button, toggle pointer
    if ($("grow").is(":mouseover") || $("done").is(":mouseover") || $("search").is(":mouseover") || $("learn").is(":mouseover"))){
    $('selector').css( 'cursor', 'pointer' );
}
}

html

<body>
<form action="demo_form.asp">
  <input type="text" name="input" value=""><br>

<input  type="submit" value="grow">
<input type="submit" value="done">
<input type="submit" value="search">
<input type="submit" value="learn">
</form>

</body>

Answer 1

这是出于各种原因，但您唯一需要的代码是：

input:hover {
     cursor:pointer;
}

那是纯粹的 CSS。

你的代码在目标中不好。这是不正确的：

$("grow").is(":mouseover")

因为您正在尝试定位标签 <grow> exists.You 不需要这个：

$("input[value=grow]").is(":mouseover")

否则，你不需要很多 javascript 来做这个。就用上面的css

光标未更改为 jsfiddle 中的指针

cursor not changing to pointer in jsfiddle

jquery

jsfiddle