前端库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() {函数。
完整代码如下所示：
<!-- comment placeholder (needs translation) --><script >$(document).ready(function() {});</script><div class="container-fluid"><h3 class="text-primary text-center">jQuery Playground</h3><div class="row"><div class="col-xs-6"><h4>#left-well</h4><div class="well" id="left-well"><button class="btn btn-default target" id="target1">#target1</button><button class="btn btn-default target" id="target2">#target2</button><button class="btn btn-default target" id="target3">#target3</button></div></div><div class="col-xs-6"><h4>#right-well</h4><div class="well" id="right-well"><button class="btn btn-default target" id="target4">#target4</button><button class="btn btn-default target" id="target5">#target5</button><button class="btn btn-default target" id="target6">#target6</button></div></div></div></div>