7jQuery 7.1 简介jQuery 是一个 JavaScript 库，它极大地简化了 JavaScript 编程。jQuery 语法是
通过选取 HTML 元素，并对选取的元素执行某些操作。 7.1 简介 -- 安装jQuery安装jQuery的方法有两种：从 jq
uery.com下载 jQuery 库 从 CDN 中载入 jQuery 7.2开发一个登录页面 7.3页面就绪事件如果在页面没有
完全加载之前就运行jQuery函数，操作可能失败为了防止在页面完全加载就绪之前运行 jQuery 代码，jQuery为我们提供了页
面事件ready函数：$(document).ready(function(){ // 开始写 jQuery 代码...});
7.4选择元素 -- jQuery的选择器jQuery 选择器允许对 HTML 元素组或单个元素进行选择并操作。jQuery 选择
器基于元素的 id、类、类型、属性、属性值等"查找"（或选择）HTML 元素。选择器的基础语法如下：$(selector).act
ion()7.4 选择元素 -- selector查找方式 selector支持如下查找方式：按照id查询，语法为#加元素的id
，如$("#confirmBtn")按照元素的class查询，语法为.加元素的class，例如对于clas是confirm-btn
的元素，可以用这种方式查找到:$( ".confirm-btn")7.5 AJAXAJAX 是与服务器交换数据的技术，它在不重载
全部页面的情况下，实现了对部分网页的更新AJAX = 异步 JavaScript 和 XML（Asynchronous JavaS
cript and XML）在不重载整个网页的情况下，AJAX 通过后台加载数据，并在网页上进行显示。jQuery的ajax的语法
如下： $.ajax({name:value, name:value, ... })7.5 AJAX -- jQuery AJ
AX参数一个典型的ajax调用参数如下：$.ajax({ url: "/api/login", type: "post", dat
a:{}, success: function (data) {}, error: function (xhr, textStat
us, errorThrown) {}});url：表示ajax调用的后台接口的urltype：后台规定的接口请求的类型（GET
或 POST）。data：规定要发送到服务器的数据。这里我们发送了两个变量，分别为name和passowrd。success：当请
求成功时运行的函数。其中函数的data参数为服务器的返回值。error：如果请求失败要运行的函数。小结本章主要介绍了jQuery的
安装方法、基本功能以及AJAX的使用通过一个登录页面的开发实例，详细介绍了使用jQuery获取页面元素取值通过jQuery的AJA
X函数，向后台发送数据并调用后台接口，为下一章开发一个网站实例奠定了基础。习题1.修改登录页面，使用jQuery class se
lector的方式查找用户名和密码。2.完善登录逻辑，在调用ajax方法之前，先判断用户已经输入了用户名和密码，如果尚未输入，弹窗提醒用户。 |
|
