笔记

一、Ajax方法

1、Ajax

在jQuery中，$.ajax()方法属于最底层的方法，第二层是load(),$.get(),和$.post(),第三层是$.getScript()和$.getJSON()方法

2、load()方法 —— 从服务器加载数据，并把返回的数据放入被选元素中

结构：

load（url，[data],[callback]）

3、get()-向指定的资源请求数据

$.get()方法通过 HTTP GET 请求从服务器上请求数据

语法：

$.get(URL,callback)

必需的 URL 参数规定您希望请求的 URL。

可选的 callback 参数是请求成功后所执行的函数名。

GET请求可被缓存

GET请求保存浏览器历史记录中

GET请求可被收藏为书签

GET请求不应在处理敏感数据时使用

GET请求有长度限制

GET请求只应当用于取回数据

4、post()-向指定的资源提交要被处理的数据

GET 和 POST 方法的区别：

1、发送的数据数量

在 GET 中，只能发送有限数量的数据，因为数据是在 URL 中发送的。

在 POST 中，可以发送大量的数据，因为数据是在正文主体中发送的。

2、安全性

GET 方法发送的数据不受保护，因为数据在 URL 栏中公开，这增加了漏洞和黑客攻击的风险。

POST 方法发送的数据是安全的，因为数据未在 URL 栏中公开，还可以在其中使用多种编码技术，这使其具有弹性。

3、加入书签中

GET 查询的结果可以加入书签中，因为它以 URL 的形式存在；而 POST 查询的结果无法加入书签中。

4、编码

在表单中使用 GET 方法时，数据类型中只接受 ASCII 字符。

在表单提交时，POST 方法不绑定表单数据类型，并允许二进制和 ASCII 字符。

5、可变大小

GET 方法中的可变大小约为 2000 个字符。

POST 方法最多允许 8 Mb 的可变大小。

6、缓存

GET 方法的数据是可缓存的，而 POST 方法的数据是无法缓存的。

7、主要作用

GET 方法主要用于获取信息。而 POST 方法主要用于更新数据。

二、DOM遍历

遍历即意为“移动”，用于根据其他元素的关系来“查找”（或获取）HTML元素

１、向上遍历DOM树

parent()

      只会向上一层对DOM进行遍历

parents()

      该方法返回被选元素的所有祖先元素，他一路向上直到文档的根元素（）

parentsUntil()

      该方法返回介于两个给定的元素之间的所有祖先元素

2、向下遍历DOM树

children()

      该方法返回被选元素的所有直接子元素，只会向下一级对DOM树进行遍历

find()

      该方法返回被选元素的后代元素，一路向下，直到最后一个后代

3、在DOM树中水平遍历

siblings()

      该方法返回被选元素的所有同胞元素

next()

      该方法返回被选元素的下一个同胞元素，只返回一个元素

nextAll()

      该方法返回被选元素的所有跟随的同胞元素

nextUntil

      该方法介于两个给定参数之间的所有跟随的同胞元素

prev(), prevAll() 以及 prevUntil() 方法的工作方式与上面的方法类似，只不过方向相反而已：它们返回的是前面的同胞元素（在 DOM 树中沿着同胞之前元素遍历，而不是之后元素遍历）

4、缩小搜索元素的范围

first()

      返回被选元素的首个元素

last()

      返回被选元素的最后一个元素

eq()

      返回被选元素中带有指定索引号的元素。索引号从0开始，因此首个元素的索引号是0而不是1

filter()

      不匹配这个标准的元素会被从集合中删除，匹配的元素会被返回

not()

      返回不匹配标准的所有元素