jQuery学习(一)—jQuery应用步骤以及ready事件和load事件的区别

简介: jQuery学习(一)—jQuery应用步骤以及ready事件和load事件的区别

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

一、jQuery应用步骤

  • 第一步:利用script标签的src属性引入jQuery文档
  • 第二步:创建一个script标签,在该script下面编辑JS代码
  • 第三步:编辑入口函数,当JS代码写在被操作元素前面时,需要编辑入口函数
    编辑入口函数的方式有两种:


二、ready和load的区别:

  • 页面中可以有多个ready事件,而load事件会出现覆盖现象。

  • ready事件的执行时间早于load事件,因为ready事件需要在页面的DOM树渲染完毕后马上触发。
  • 而load事件需要将页面中的所有元素加载完毕后触发,如需要等页面所有的图片都正常显示后再触发。


相关文章
|
1月前
|
JavaScript 前端开发 API
深入理解jQuery:高效DOM操作与事件处理
【10月更文挑战第11天】深入理解jQuery:高效DOM操作与事件处理
18 0
|
2月前
|
JavaScript
jQuery 事件
jQuery 事件
39 10
|
2月前
|
JavaScript 前端开发 CDN
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
本文是关于jQuery的学习笔记,涵盖了jQuery的简介、语法、选择器、事件处理以及hide()、show()、toggle()等方法的使用。
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
|
2月前
|
JavaScript
jQuery 事件 方法
jQuery 事件 方法
33 3
|
2月前
|
JavaScript
jQuery 事件 方法
jQuery 事件 方法
15 0
|
6月前
|
JavaScript
jQuery图片延迟加载插件jQuery.lazyload
jQuery图片延迟加载插件jQuery.lazyload
|
1月前
|
JavaScript
jQuery 树型菜单插件(Treeview)
jQuery 树型菜单插件(Treeview)
62 2
|
5月前
|
设计模式 JavaScript 前端开发
必知的技术知识:jQuery插件开发精品教程,让你的jQuery提升一个台阶
必知的技术知识:jQuery插件开发精品教程,让你的jQuery提升一个台阶
64 1
|
1月前
|
JavaScript 前端开发
jQuery Growl 插件(消息提醒)
jQuery Growl 插件(消息提醒)
47 4
jQuery Growl 插件(消息提醒)
|
1月前
|
存储 JSON JavaScript
jQuery Cookie 插件
jQuery Cookie 插件
42 4
jQuery Cookie 插件