javascript - 通用 Javascript 语法查询

Question

我是 Javascript 及其语法的新手。希望大家能帮我解答疑惑。

第一季度)

<script>
 $(document).ready(function() {...}
</script>

“$(document....”部分是什么意思？我以为函数是这样开始的

function(var){...} 

？有什么区别？什么时候使用“$”符号？

第二季度)

JS代码

$('#dropzone').on('dragover', function(e) {
                e.preventDefault();
                e.stopPropagation();
                e.originalEvent.dataTransfer.dropEffect = 'copy';
            });

HTML代码

  <div id="dropzone">
        <span>Drop an image file here</span>
        <canvas></canvas>
    </div>

根据上述内容，我看到“#dropzone”链接到“div id='dropzone'”，对吗？我不明白“函数(e)”的部分？在那个位置放置一个函数代表什么作用？

感谢您的回复:)

Answer 1

请参阅链接以获取更详尽的说明

Q1:$(document).ready本质上检测给定的页面状态是否已准备好进行操作。

Q1 第 2 部分:$ 是 jQuery 函数的副本，可通过创建 jQuery 对象用于许多不同的所需结果给定元素。

Q2:本质上是经常传递给事件处理程序的“events”的简写。在您的示例中，.on() 方法将事件处理程序附加到 jQuery 对象中当前选定的元素集。我也在底部提供了一个链接。

Explanation for Q1: $(document).ready

Explanation for Q1 part 2: $

Explanation for Q2: function(e) in the given context

Additional reading: .on