Javascript Jquery onclick缩略图函数。

我的朋友给了我一个使用Jquery的javascript，我真的不明白它是如何工作的，尤其是“.thumbnails>div”。以及为什么在同一行中调用相同的函数。有人能用英语解释一下吗

$(function(){
   $(document).on('click', '.thumbnails > div', function(){
    var img = $(this).find('img').attr('src');
    $('.bigImage').attr('src', img);
   });
});

---

我将尝试用一些注释为您进行注释：

// when the DOM is ready
$(function(){
   // find an element that has a class "thumbnails" - then find all
   // divs that are directly underneath it
   // and attach a click event handler
   $(document).on('click', '.thumbnails > div', function(){
    // when you click -> find an img element under the div that was 
    // clicked on and get its source attribute
    var img = $(this).find('img').attr('src');

    // find an element with a class "bigImage" and change its source
    // attribute to the one selected before
    $('.bigImage').attr('src', img);
   });
});

---

缩略图>div选择父元素为元素的所有元素。这是JQuery中的css选择器。附加这些对象的单击事件处理程序。如果在这些对象中单击，可以在对象图像属性源（这是图像的链接）中找到。之后，您将找到“大图像”标记并将此图像添加到源代码中。

我不确定您需要了解多少，但将帮助您完成

。

部分！