接上一节 jQuery从零开始-1.1 认识 jQuery
jQuery 项目 主要包括 jQuery Core （核心库）、 jQuery UI （界面库〉、 Sizzle ( CSS 选择器）、 jQuery Mobile CjQuery 移动版〉和 QUnit C 测试套件） 5 个部分。
jQuery 2.1.1 版本之后， 全部升级为 jQuery 3.0。第三个版本兼容更广泛的浏览器，提供更优化的代 码。虽然 jQuery 3 将是jQuery 的未来，但是与 jQuery UI 和jQuery Mobile 还存在兼容性问题。如果需 要支持 IE6-8 浏览器，或者兼容已经开发的项目，建议继续使用最新版本 1.12。
安装 jQuery
jQuery 库不需要复杂的安装，只需要把下载的库文件放到站点中，然后导入到页面中即可。
【示例 1 】 导入 jQuery 库文件可以使用相对路径，也可以使用绝对路径，具体情况根据存放jQuery 库文件的位置而定。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="jquery/jquery-3.3.1.min.js"></script>
</head>
<body>
<script>
</script>
</body>
</html>
测试 jQuery
引入 jQuery 库文件之后， 就可以在页面中进行 jQuery 开发了。开发的步骤很简单，在导入 jQuery 库文件的＜script>标签行下面，重新使用＜script>标签定义一个 JavaScript 代码段，然后就可以在＜script> 标签内调用 jQuery 方法，编写 JavaScript 脚本。
【示例 2】 本示例设计在页面初始化完毕后，调用 JavaScript 的 alert()方法与浏览者打个招呼.
//在这里用户就可以使用 jQuery 编程了！
$(function(){
alert("HELLO,WORLD")
})
在jQuery 代码中，()等效于 jQuery ()。 jQuery ()函数是 jQuery 库文件的接口 函数，所有 jQuery 操作都必须从该接口函数切入。jQuery ()函数相当于页面初始化事件处理函数， 当页 面加载完毕，会执行jQuery ()函数包含的函数， 所以当浏览该页面时， 会执行 alert("您好")，看到弹出的信息提示对话框。
如果使用jQuery操作DOM文挡，则必须确保在DOM载入完毕后开始执行，应该使用ready事件作为处理HTML文挡的开始。
$(document).ready(function(){
//JavaScript 或者 jQuery 代码
}) ;
上面代码的语义是匹配文档中的 document 节点，然后为该节点绑定 ready 事件处理函数。它类似于 JavaScript 的 事件处理函数，不过jQuery 的 ready 事件要先于onload事件被激活。
为了方便开发， jQuery 框架进一步简化了()方法来表示。
$(function() {
//JavaScript 或者 jQuery 代码
})
考虑到页面加载需要一个过程，所有 jQuery代码建议都包含在() 函数中，这与 JavaScript 代码应该放在 事件处理函数中的道理是一样的。
今天本节结束，下一节jQuery实战案例
网友评论