Question

请问如何把javascript改为jQuery？

var number=Math.floor(Math.random()*9);
var times=0;
function onImgClick(){this.setAttribute("src","open.jpg");
if( this.getAttribute("number")==number)
{alert("It cost you "+times+" times to get it right!" );
this.setAttribute("src","kittens.jpg");}
else{times++;}
}

for(var i=0; i<9; i++){var img=document.createElement("img");
img.setAttribute("src", "closed.jpg");
img.setAttribute("number",i);
document.body.appendChild(img);
img.onclick=onImgClick;
}
怎么改为jQuery？请问下面的代码如何修改？
var number=Math.floor(Math.random()*9);
var times=0;

for(var i=0; i<9; i++){

var img=$("<img>").prop("src","closed.jpg");
$("body").append(img);
$("<img>").prop(number, i);
}

$(function(){
$("<img>").click(function(){
$(this).prop("src","open.jpg");
if($(this).attr("number")==number){
alert("It cost you "+times+" times to get it right!");
$(this).prop("src","kittens.jpg");
}
else{times++;
}
})

Answer 1

var number = Math.floor ( Math.random() * 9 );
var times = 0;
function onImgClick () 
{
    var that = $(this);
    that.prop ("src", "open.jpg");
    if ( that.prop ("number") == number)
    {
        alert ("It cost you " + times + " times to get it right!" );
        that.prop ("src", "kittens.jpg");
    }
    else
    {
        times++;
    }
}

for ( var i = 0; i < 9; i++ )
{
    var img = $ ("<img />");
    img.prop ("src", "closed.jpg");
    img.prop ("number", i);
    img.click(function() {
        onImgClick();
    });
    $(document.body).append (img);
}

---------------------------------------------------------------------------

Answer 2

你这用的就是jQuery 啊，用$符号的都是用的jQuery 的，其实javascript 和jQuery 相比只是写发要简单的多，还有就是兼容性jQuery 比 javascript好

追问

我试着改为jQuery，可是无法运行，我不知道哪里错了。麻烦指点一下。我用for循环制造出9张图片，然后，点击每张图片，会改变成另外的图片，这个功能用jQuery怎么实现？