Question

Here是我的代码;我试图让按钮在悬停时变黑。

我目前的jQuery（我再也不知道还在学习）：

$(document).ready(function() {
    $('div').mouseenter(function() {
        $('div').fadeTo('fast', 1);
    });
    $('div').mouseleave(function() {
        $('div').fadeTo('fast', 0.5);
    });
});

Answer 1

jsfiddle中的问题是你没有从左侧包含jquery ..

同样在事件处理程序中，您可能希望使用this来定位特定元素，而不是使用$('div')来定位页面中的所有div。

$(document).ready(function() {
    $('div').mouseenter(function() {
        $(this).fadeTo('fast', 1);
    });
    $('div').mouseleave(function() {
        $(this).fadeTo('fast', 0.5);
    });
});

但是，您可以在不使用任何javascript / jquery的情况下执行相同的操作..但只需使用CSS过渡

div {
    opacity:0.5;
    border-radius:5px;
    width:20%;
    height:100%;
    background-color:black;
    text-align:center;
    border-color:blue;
    float:left;
    color:#FFFFFF;

    transition:opacity 1s; /*added this to enable transitions on opacity of divs*/
}
div:hover{
    opacity:1;
}

http://jsfiddle.net/gaby/DnNkk/2/

演示

Answer 2

在左侧菜单中，您有Chose Framework选项，您必须添加jQuery，而您忘了这样做。

demo

在mouseenter和mouseleave上与HTML交互

2 个答案: