on（）和直接事件绑定之间的区别

Question

我在Chrome上有一个带有jQuery的网页（似乎版本无关紧要）。页面已完全加载。我正在Chrome控制台中编写此代码：

$(document).on('ready', () => {console.log('Hello');});

控制台中没有显示“ Hello”。但是，在编写此代码时：

$(document).ready(() => {console.log('Hello');});

“ Hello”现在在控制台中。

文档中对此没有特别之处，那么为什么它如此工作？我一直认为on()函数只是语法糖。

Answer 1

http://api.jquery.com/ready/

  

还有$（document）.on（“ ready”，handler），自   jQuery 1.8，并在jQuery 3.0中删除。请注意，如果DOM变为   在附加此事件之前准备就绪，将不执行处理程序。

我无法理解您的意思是“文档中没有什么特别之处，为什么它如此工作？我一直认为on（）函数只是语法糖”

由于它已经非常清楚地陈述了。除非您使用的是jQuery <3.0。

或者，您可以使用：

$(function(){
   console.log('Hello');
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>