$（＆＃39; id或类名＆＃39;）。点击（function（）vs $（document）.on（＆＃39;点击＆＃39;，＆＃39; .id或类名＆＃39;，功能（e）中

Question

$('id or class name').click(function() vs $(document).on('click', '.id or classname', function(e)之间有什么区别？

1. 如何最好地利用每一个。
2. 使用每个人的情况如何。
3. 一个优于另一个的优势

我有几个例子，其中$(document).on('click', '.id or class-name', function()有效且$('id or class name').click(function()无效，最近的遭遇是我的这个项目中的一个，我生成一个表值，然后在最后一个TD我有一个名为add的类的锚点。我把它变成了一个类，所以如果我有多个生成的行，则点击事件仍会触发，但使用$('#add').click时再次使用$(document).on('click', '.id or class-name', function(e)无法正常工作。

这也不一样，但使用$('#file')在这里不起作用，所以我只是添加了它。

使用id获取输入文件的内容 var file = document.getElementById('file').files[0];工作但var file = $('#file').files[0];

像这样检查文件

var name = file.name;
var size = file.size;
var type = file.type;
console.log("name " + name);
console.log("size " + size);
console.log("type " + type);

结果是

name whomovedmycheese - Copy.pdf
size 500624
type application/pdf

我知道使用$('# or . then name')会选择ID或类，但为什么在这些时间内它不起作用。有些人可能只是指出我阅读它们的文件，但我认为我并不完全理解所有这些，这就是我对这些事情感到困惑的原因。任何澄清都表示赞赏。