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事件需要将页面中的所有元素加载完毕后触发,如需要等页面所有的图片都正常显示后再触发。


相关文章
N..
|
1月前
|
JavaScript 前端开发
jQuery事件处理
jQuery事件处理
N..
11 1
|
1月前
|
JavaScript
jquery动画与事件案例
jquery动画与事件案例
12 0
|
1月前
|
开发框架 前端开发 JavaScript
使用JavaScript、jQuery和Bootstrap构建待办事项应用
使用JavaScript、jQuery和Bootstrap构建待办事项应用
13 0
|
1月前
|
JavaScript 前端开发 索引
JQuery样式操作、click事件以及索引值-选项卡应用示例
JQuery样式操作、click事件以及索引值-选项卡应用示例
22 1
|
15天前
|
JavaScript 前端开发
JQuery和JS的区别有哪些?
JQuery和JS的区别有哪些?
13 0
|
24天前
|
JavaScript 前端开发
jQuery 和 Zepto 的区别? 各自的使用场景?
jQuery 和 Zepto 的区别? 各自的使用场景?
10 1
|
1月前
|
JavaScript 前端开发
jQuery中的事件与动画
jQuery中的事件与动画
10 0
|
1月前
|
JavaScript
jQuery动画与事件概念以及语法
jQuery动画与事件概念以及语法
8 0
|
6月前
|
JavaScript
Jquery插件知识之Jquery.cookie实现页面传值
Jquery插件知识之Jquery.cookie实现页面传值
36 0
|
7月前
|
JavaScript
jQuery 插件自用列表
jQuery 插件自用列表
29 0