关于jQuery与Ajax相关知识点总结。
jQuery是什么?
jQuery 是一个 JavaScript 函数库。
jQuery 是一个轻量级的"写的少,做的多"的 JavaScript 库。
jQuery 库包含以下功能:
HTML 元素选取
HTML 元素操作
CSS 操作
HTML 事件函数
JavaScript 特效和动画
HTML DOM 遍历和修改
AJAX
Utilities
提示: 除此之外,jQuery 还提供了大量的插件。
jQuery的引入
当你引入 jQuery 文件以后,会在全局暴露两个变量名:$、jQuery
jQuery 语法
jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作。
基础语法: $(selector).action()
美元符号定义 jQuery
选择符(selector)"查询"和"查找" HTML 元素
jQuery 的 action() 执行对元素的操作
实例:
$(this).hide() - 隐藏当前元素
$("p").hide() - 隐藏所有
元素
$("p.test").hide() - 隐藏所有 class="test" 的
元素
$("#test").hide() - 隐藏 id="test" 的元素
Ajax是什么?
Ajax的全称是Asynchronous JavaScript and XML 中文名称定义为异步的JavaScript和XML。
简单一句话,Ajax就是用 JS 向服务端发起一个请求,并获取服务器返回的内容。
Ajax也是更新页面内容,跟以前的技术最大的不同点在于它可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
javaScript中Ajax的实现
创建一个 ajax 对象
配置本次的请求信息
配置一个请求完成后触发的事件
把本次请求发送出去
请求方式
Ajax的请求方式有get 、post、delete、put、patch等,常用的是get与post请求
同步请求与异步请求
同步请求:同步是一件事一件事的做;只有执行完前一个任务,才会执行下一个任务;同步请求的时候当请求还没有响应结果的时候无法进行其他操作。
异步请求:可以同时执行多个任务;请求发送后即可做其他事情,等有响应了再去处理响应。