jQuery应用步骤以及ready事件和load事件的区别

一、jQuery应用步骤

  • 第一步:利用​​script​​​标签的​​src​​​属性引入​​jQuery​​文档
  • 第二步:创建一个​​script​​​标签,在该​​script​​下面编辑JS代码
  • 第三步:编辑入口函数,当JS代码写在被操作元素前面时,需要编辑入口函数
    编辑入口函数的方式有两种:
    jQuery学习(一)—jQuery应用步骤以及ready事件和load事件的区别_jquery
    jQuery学习(一)—jQuery应用步骤以及ready事件和load事件的区别_javascript_02
    jQuery学习(一)—jQuery应用步骤以及ready事件和load事件的区别_html5_03

二、ready和load的区别:

  • 页面中可以有多个ready事件,而load事件会出现覆盖现象。
    jQuery学习(一)—jQuery应用步骤以及ready事件和load事件的区别_javascript_04
  • ready事件的执行时间早于load事件,因为ready事件需要在页面的DOM树渲染完毕后马上触发。
  • 而load事件需要将页面中的所有元素加载完毕后触发,如需要等页面所有的图片都正常显示后再触发。
    jQuery学习(一)—jQuery应用步骤以及ready事件和load事件的区别_jquery_05