访问存储在Jquery变量中的类名

访问存储在Jquery变量中的类名,jquery,html,css,Jquery,Html,Css,网站上有三张图片 <img src="images/kep1.jpg" class="kep1"> <img src="images/kep2.jpg" class="kep2"> <img src="images/kep4.jpg" class="kep4"> >我想让你点击页面中间的图像,把它重新激活到原来的位置。我想访问PIC变量,但没有成功 $(pic).animate( {

网站上有三张图片

<img src="images/kep1.jpg" class="kep1">
<img src="images/kep2.jpg" class="kep2">
<img src="images/kep4.jpg" class="kep4">
<> >我想让你点击页面中间的图像,把它重新激活到原来的位置。我想访问PIC变量,但没有成功

$(pic).animate(
                {
                    "position" : pos,
                    "width" : "150px",
                    "margin-top" : "0px",
                    "margin-left" : "0px",
                    "left" : "5px",
                    "height" : h,
                    "top" : t
                }, 1000, function(){}
            );
如何才能做到这一点,请参考PIC变量

谢谢你的帮助

尝试使用$('.+pic)而不是$(pic)


对动画使用普通CSS:

var img=$(“img”)
img.on(“单击”,函数(){
$(this.toggleClass(“缩放”);
})
img{
过渡:所有0.5s缓解;
}
.zoom{
变换:尺度(2);
变换原点:0;
}

jQuery的可能副本不是一种语言,而是一个JavaScript库。它没有任何魔力,它是用JavaScript代码编写的。在尝试学习如何使用任何第三方库之前,您应该先学习JavaScript的基础知识。我不想在这里听起来像是在评判,只是给自己省点麻烦,坐下来好好上一课。我只是在学习。这是家庭课!:-)
$(pic).animate(
                {
                    "position" : pos,
                    "width" : "150px",
                    "margin-top" : "0px",
                    "margin-left" : "0px",
                    "left" : "5px",
                    "height" : h,
                    "top" : t
                }, 1000, function(){}
            );
var pic = $('p').attr("class");

$('.' + pic).html('world!');