Question

我是JQuery的新手我试图在我的HTML网页中添加一些代码来更改光标，
但我不确定这是否是单独使用JQuery的最佳方式，而不是在外部CSS中进行一些自定义声明。
（我不知道JQuery是否有一些内置的CSS属性。）

以下是我非常简单的HTML网页的代码：

<script type="text/javascript">
 $(document).ready(function(){
  $("#replybox").draggable();         
         $("#closed").mouseover(function(){
         $("#closed").css("cursor","pointer"); 
         });        
 });
</script>
<div id="replybox">
<form>
<table border="2">
<tr><td align="center" bgcolor="#FFAAAA">
<span id="closed">Press here to close this box</span></td></tr>
<tr>
<td align="center">
Content:<textarea name="data[Reply][quote]" id="data[Reply][quote]" cols="72" rows="18">Helloworld</textarea>
</td>
</tr>
</table>
</form>
</div>

请告知。

Answer 1

为什么不在$("#closed").css("cursor", "pointer");之外mouseover？默认情况下，光标仅在鼠标悬停在元素上时显示。

但是，如果您从一开始就知道元素#closed将有一个指针光标，为什么不将它放在样式表中呢？像#closed { cursor: pointer; }这样的东西。这将使它适用于禁用JavaScript的人。

Answer 2

$("#closed").css("cursor", "property-value");

在此处查看可用属性值列表：http://w3schools.com/css/pr_class_cursor.asp

Answer 3

您也可以在CSS中执行此操作：

span.crosshair {cursor:crosshair}
span.help {cursor:help}
span.wait {cursor:wait}

在JQuery中更改游标的最佳方法是什么

3 个答案: