Каков наилучший способ изменить курсор в JQuery?

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", "property-value");

см. Список доступных значений свойств здесь: http://w3schools.com/css/pr_class_cursor.asp

Answer 2

Вы можете сделать это и в CSS:

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

Answer 3

Почему бы не $("#closed").css("cursor", "pointer"); за пределами mouseover? По умолчанию курсор отображается только тогда, когда мышь находится над элементом.

Однако, если вы знаете, с самого начала, элемент #closed будет иметь курсор-указатель, почему бы не поместить его в таблицу стилей? Что-то вроде #closed { cursor: pointer; }. Это позволит работать и людям с отключенным JavaScript.