jQuery系列之页面载入
文章の目录
- 1、概述
- 2、语法
- 2.1、参数
- 3、示例
- 4、总结
- 写在最后
1、概述
当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。
简单地说,这个方法纯粹是对向window.load
事件注册事件的替代方法。通过使用这个方法,可以在DOM载入就绪能够读取并操纵时立即调用你所绑定的函数,而99.99%的JavaScript函数都需要在那一刻执行。
请确保在 <body>
元素的onload事件中没有注册函数,否则不会触发+$(document).ready()
事件。
可以在同一个页面中无限次地使用$(document).ready()
事件。其中注册的函数会按照(代码中的)先后顺序依次执行。
2、语法
ready(fn)
2.1、参数
- fn----Function要在DOM就绪时执行的函数
3、示例
在DOM加载完成时运行的代码,可以这样写:
$(document).ready(function () {// 在这里写你的代码...
});
使用 $(document).ready()
的简写,同时内部的 jQuery
代码依然使用 $
作为别名,而不管全局的 $
为何。
$(function ($) {// 你可以在这里继续使用$作为别名...
});
4、总结
- 等着 DOM 结构渲染完毕即可执行内部代码,不必等到所有外部资源加载完成,jQuery 帮我们完成了封装。
- 相当于原生 js 中的 DOMContentLoaded。
- 不同于原生 js 中的 load 事件是等页面文档、外部的 js 文件、css文件、图片加载完毕才执行内部代码。
- 更推荐使用简写方式。
写在最后
如果你感觉文章不咋地
//(ㄒoㄒ)//
,就在评论处留言,作者继续改进;o_O???
如果你觉得该文章有一点点用处,可以给作者点个赞;\\*^o^*//
如果你想要和作者一起进步,可以微信扫描二维码,关注前端老L;~~~///(^v^)\\\~~~
谢谢各位读者们啦(^_^)∠※
!!!
jQuery系列之页面载入相关推荐
- jQuery中的页面载入($()、ready(fn)、onload)
用jQuery进行页面载入时有集中方式,我们通过例子来说明一下: 第一种(通过window.onload()): <!DOCTYPE html> <html><head& ...
- jQuery ready(fn) 页面载入函数
ready(fn)当DOM载入就绪可以查询及操纵时绑定一个要执行的函数.这是事件模块中最重要的一个函数,因为它可以极大地提高web应用程序的响应速度. 简单地说,这个方法纯粹是对向wi ...
- jQuery 页面载入进度条 (必有一款适合你----综合搜集版)
链接主题: 预加载图片 延迟加载图片 Lazy Load javascript图片浏览器的核心--图片预加载 第一种方法: 页面 Loading 条基本人人都会用.它的原理很简单:在页头放置一个文字或 ...
- 06_前端优化系列之一_DNS预获取dns-prefetch提升页面载入速度
title: 前端优化系列之一:DNS预获取 dns-prefetch 提升页面载入速度 urlname: 06_前端优化系列之一_DNS预获取dns-prefetch提升页面载入速度 date: 2 ...
- 前端优化系列之DNS预获取 dns-prefetch 提升页面载入速度
前端优化系列之一:DNS预获取 dns-prefetch 提升页面载入速度 DNS Prefetch,即DNS预获取,是前端优化的一部分.一般来说,在前端优化中与 DNS 有关的有两点: 一个是减少D ...
- class h5 点击后样式变化_【php】JQuery怎么实现页面刷新后保留鼠标点击addclass的样式?...
刚开始是这个效果 鼠标点击之后变成了这个效果 要保证实现 a 标签点击链接一个新的网址 同时也要保证效果达到 我目前写的网站代码 可以下载 http://115.com/file/c2zlhblv 看 ...
- 从零开始学习jQuery (七) jQuery动画-让页面动起来!
本系列文章导航 从零开始学习jQuery (一) 开天辟地入门篇 从零开始学习jQuery (二) 万能的选择器 从零开始学习jQuery (三) 管理jQuery包装集 从零开始学习jQuery ( ...
- JQuery系列(4) - AJAX方法
jQuery对象上面还定义了Ajax方法($.ajax()),用来处理Ajax操作.调用该方法后,浏览器就会向服务器发出一个HTTP请求. $.ajax方法 $.ajax()的用法主要有两种. $.a ...
- jquery系列教程2-style样式操作全解
全栈工程师开发手册 (作者:栾鹏) 快捷链接: jquery系列教程1-选择器全解 jquery系列教程2-style样式操作全解 jquery系列教程3-DOM操作全解 jquery系列教程4-事件 ...
最新文章
- 如何在优雅地Spring 中实现消息的发送和消费
- java 伪异步 netty,Netty(一) - 不死的达芬奇的个人空间 - OSCHINA - 中文开源技术交流社区...
- 文件系统服务器管理论文,Linux管理磁盘和文件系统
- 2021年热门临床研究盘点
- 写给程序员的美术创作指南
- 家卫士扫地机器人好吗_2020年扫地机器人推荐选购指南(扫地机器人实用吗?国内扫地机器人哪个牌子好?)...
- 开发一个React + Electron应用
- 物质的粒子应该是空心的
- 第6课 - 开发中的辅助工具
- c语言快速拼接字符串,C语言拼接字符串
- 2021年度上海公务员考试公告(11月05日开启)
- openCV calcHist函数的使用
- 谷歌seo关键词怎么做?Google如何优化关键词
- Cortex-M3 (NXP LPC1788)之RTC
- 分享一个python 处理mysql的简易封装模块---directsql
- Spring-SecondDay
- 【Python学习笔记(一)—— 初识Python】
- 实现斐波拉契的三种方法
- 微软WindowsPhone7.5发布会图文实录windowsphone
- 什么是GHO和ISO
热门文章
- MySQL基础01 补充
- 你发这些什么目的_在微信上,给你发这些消息的男人,他的意思很明显,就是想你了...
- Day01 python基础1
- 时间块青春版android版,时间块青春版与标准版
- ensp退出前怎么保存_eNSP 常用操作
- 为何抢跑了成长型企业SaaS赛道?先看看用友YonSuite有多了解企业
- 支付宝新增“数字人民币”,微信也快了
- 淘系技术,实力为2019年双11而战!稳!
- win10设置关机计划
- 2017第八届蓝桥杯C/C++ B组省赛题解