javascript - jQuery事件处理程序不起作用？

var imgadd = $("<img/>",{
        src:"../img/Koala.jpg",
        alt:"Koala",
        id:"koala",
        click:function(){$(this).css("opacity","50%");},
        mouseenter:function(){$(this).css("hight","200px")}
    })
    $("body").append(imgadd);

为什么不起作用？我有点头疼。

最佳答案

代码在结构上是正确的，问题是您输入了两个错字。


opacity的取值范围是0到1，而不是百分比。
height拼写错误。


下面的代码将起作用：

var imgadd = $("<img/>",{
    src:"http://idordt.nl/wp-content/uploads/2014/06/wk-koala.jpg",
    alt:"Koala",
    id:"koala",
    click:function(){$(this).css("opacity","0.5");},
    mouseenter:function(){$(this).css("height","200px")}
})
$("body").append(imgadd);

和一个jsFiddle：http://jsfiddle.net/jaredcrowe/3fvht8s2/