前端库Jquery框架:「01] 了解 script 和 document.ready 是如何工作的

Posted 路条编程

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端库Jquery框架:「01] 了解 script 和 document.ready 是如何工作的相关的知识,希望对你有一定的参考价值。

jQuery 是众多 javascript 库之一。它旨在简化客户端的脚本编写。jQuery 最容易识别的特性是它的美元符号($)语法。使用它,您可以轻松地操纵元素、创建动画和处理输入事件。


了解 script 和 document.ready 是如何工作的


现在我们已经准备好学习有史以来最受欢迎的 JavaScript 框架——jQuery 了。在使用 jQuery 之前,我们需要在 html 页面中添加一些东西。


首先,在页面顶部添加 script 标签,记得在后面为 script 标签添加结束标签。浏览器在script标签中运行所有的 JavaScript 脚本包括 jQuery。


在s cript 标签中添加代码$(document).ready(function() {。然后在后面(仍在该 script 标签内)用});闭合它。


稍后我们将详细介绍 functions,现在需要知道的是,只要浏览器加载页面,function 中放入的代码就会运行。有一点很重要,如果没有 document ready function,你的代码将在 HTML 页面呈现之前运行,这将导致错误。


我们做个练习,创建一个 script 标签,确保其有效并具有闭合标签。在 script 的开头添加$(document).ready(function() {。用});闭合$(document).ready(function() {函数。

以上是关于前端库Jquery框架:「01] 了解 script 和 document.ready 是如何工作的的主要内容,如果未能解决你的问题,请参考以下文章

前端Js框架汇总

前端Js框架汇总

前端基础之jQuery入门 01

Dojo前端开发框架与jQuery前端开发框架,对比分析总结

Web前端开发JQuery框架

Web前端 | 你还在用jQuery?