.on()和$(document).on一样吗

Question

拖拽图片的代码

$(".img-container").on("dragover", function (event) {
    event.preventDefault();
})

.on("drop", function(event) {
    console.og(this);
    event.preventDefault();
    // 数据在event的dataTransfer对象里
    let file = event.originalEvent.dataTransfer.files[0];

    // 然后就可以使用FileReader进行操作
    fileReader.readAsDataURL(file);

    // 或者是添加到一个FormData
    let formData = new FormData();
    formData.append("fileContent", file);
})

第二个.on是什么写法？ 还是说连着上面那部分的代码？
百度.on('drop',function(){}) 没有搜到这种例子，打印this 输出<div class="img-container">怎么理解？？
解答或者告诉我搜索关键词都可以，感谢每一个浏览者

Answer 1

连着上面的代码的,JQ的链式编程,你可以从控制台中看到输出的selector:".img-container"

Answer 2

jquery绑定事件的方法啊

Answer 3

连着的，就是jQuery的链式调用

this指向你前面选择器的DOM元素，加一个$()可以变成jQuery对象