更改类Jquery不工作

我正在制作一个自定义图库，当您单击某个div时，它会更改该div的src，因此我会：

function change2dd1() {
    $("div.videoSel > img").attr("class", "joanamid");
    $("div.videoSel > img").attr('src', $('.videoSel2 > img').attr('src'));
}   

我还尝试更改img的类别，这样当我单击它时，我会得到一个全屏版本，我使用：

$('.Fullscreen').css('height', $(document).outerWidth() + 'px');
//for when you click on an image
$('.joanamid').click(function () {
    var src = $('.joanafull').attr('src'); //get the source attribute of the clicked image
    $('.Fullscreen img').attr('src', src); //assign it to the tag for your fullscreen div
    $('.Fullscreen').fadeIn();

    if(imgChecker.height() > imgChecker.width()) {
        $(".Fullscreen img").css({"display":"block", "margin":"5% auto","z-index":"20","top":"0", "width":"30%",
"height":"40%"});
    }
});

问题是change类根本不起作用，它保持div首先拥有的类不变。有什么建议吗？

使用：

您应该使用和，而不是尝试编辑属性。

$("body").on("click", '.joanamid', funciton() {
  // ...
});