使用jquery检测悬停并更改图像

有没有更好的方法来完成以下工作？我有一个传送带，可以传送五张幻灯片，上面有一些按钮。如果按钮悬停，我将切换到旋转木马中相应的幻灯片。它是有效的，但我想知道，这是jQuery中正确的方法吗

    $('#cat_0').mouseover(function() {
        $('#carousel > li').removeClass('selected');
        $('#slide_0').addClass('selected');
    });

    $('#cat_1').mouseover(function() {
        $('#carousel > li').removeClass('selected');
        $('#slide_1').addClass('selected');
    });

    $('#cat_2').mouseover(function() {
        $('#carousel > li').removeClass('selected');
        $('#slide_2').addClass('selected');
    });

    $('#cat_3').mouseover(function() {
        $('#carousel > li').removeClass('selected');
        $('#slide_3').addClass('selected');
    });

    $('#cat_4').mouseover(function() {
        $('#carousel > li').removeClass('selected');
        $('#slide_4').addClass('selected');
    });

谢谢

试试看

$('[id^="cat_"]').mouseover(function() {
    $('#carousel > li').removeClass('selected');
    $('#slide_' + (this.id.substring(4))).addClass('selected');
});

---

您可以执行以下操作：-

Jquery：-

$('.btn').mouseover(function() {
    alert("sfg");
        $('#carousel > li').removeClass('selected');
        $(this).addClass('selected');
    });

HTML:-

<input type="text" id="state" value="test" />
<input type="button" value="button1" class="btn"/>
<input type="button" value="button2" class="btn"/>
<input type="button" value="button3" class="btn" />
<input type="button" value="button4"  class="btn"/>

演示：-