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


相关文章
|
7月前
|
前端开发 JavaScript
jQuery - AJAX load() 方法
jQuery load() 方法是简单但强大的 AJAX 方法。
125 6
|
8月前
|
JavaScript
jQuery 事件
jQuery 事件
62 10
|
8月前
|
JavaScript 前端开发
jQuery - AJAX load() 方法
jQuery - AJAX load() 方法
36 2
|
8月前
|
JavaScript 前端开发 CDN
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
本文是关于jQuery的学习笔记,涵盖了jQuery的简介、语法、选择器、事件处理以及hide()、show()、toggle()等方法的使用。
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
|
7月前
|
JavaScript 前端开发 API
深入理解jQuery:高效DOM操作与事件处理
【10月更文挑战第11天】深入理解jQuery:高效DOM操作与事件处理
73 0
|
8月前
|
JavaScript
jQuery 事件 方法
jQuery 事件 方法
38 0
|
2月前
|
JavaScript 前端开发
百叶窗效果的jQuery幻灯片插件
百叶窗效果的jQuery幻灯片插件
|
2月前
|
JavaScript
jquery无限循环内容滑块插件
jquery无限循环内容滑块插件
|
2月前
|
JavaScript
简单轻量级的jquery图表插件
简单轻量级的jquery图表插件
|
2月前
|
JavaScript
jQuery响应式内容选项卡插件
jQuery响应式内容选项卡插件