jquery实现问题

我正在使用jquery-1.10.1.min.js

我试图有一个滚动光标的变化（从指针抓取）和一个边界颜色上选择的无线电图像。以下是该区域中的jquery：

<script>
$(document).ready(function(){
    $("#Grid").hover(function(){
        $(this).css("cursor", "grab");
        }, function(){
        $(this).css("cursor", "pointer");
    });
});



$(document).ready(function(){
    $("#List").hover(function(){
        $(this).css("cursor", "grab");
        }, function(){
        $(this).css("cursor", "pointer");
    });
});
</script>

隐藏表单基本上显示产品的网格视图或列表视图。hideform工作正常，我只是无法使滚动光标更改或选定的收音机有边框

---

如果有任何帮助，我们将不胜感激。…

为什么要使用如此旧版本的jquery？为什么要使用鼠标

滚动
的
单击事件？使用
hover（）
@Chrillewoodz jquery-1.10.1现在使用hover:check console查看错误，代码中没有错误。为什么要使用如此旧版本的jquery？为什么要使用鼠标
滚动
的
单击
事件？使用
hover（）
@Chrillewoodz jquery-1.10.1不是很好吗？现在使用hover:check console查看错误，显示的代码中没有任何错误
<div>
        <form>

                <span style="float:right; margin:-10px 100px 0px 20px;">Change view:&nbsp;</span>
                <span style="float:right; margin:-10px -200px 0px 0px;">
                    <input class="listing" id="List" style="visibility: hidden;" name="listing" onclick="hideForm()" type="radio">
                    <label class="listing" for="List"> 
                    <img src="/devsite/images/icons/row.png" alt="List" title=" List " border="0"></label>


                    <input class="listing" id="Grid" style="visibility: hidden;" name="listing" onclick="hideForm()" type="radio">
                    <label class="listing" for="Grid">
                    <img src="/devsite/images/icons/table.png" alt="Grid" title=" Grid " border="0"> </label>
                </span>
        </form>
</div>

.listing img:hover {
cursor:grab;
border: 4px dashed #bbc3d3;
}