jQuery 学习笔记

1.

jQuery 入口函数:

JavaScript 入口函数:

jQuery 入口函数与 JavaScript 入口函数的区别:

 

img

 

2. ":"和 "[]"的理解

关于 :[] 这两个符号的理解

可以理解为种类的意思,如:p:firstp 的种类为第一个。

[] 很自然的可以理解为属性的意思,如:[href] 选取带有 href 属性的元素。

 

 

3. 事件

页面对不同访问者的响应叫做事件。

事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。

实例:

在事件中经常使用术语"触发"(或"激发")例如: "当您按下按键时触发 keypress 事件"。

常见 DOM 事件:

鼠标事件键盘事件表单事件文档/窗口事件
clickkeypresssubmitload
dblclickkeydownchangeresize
mouseenterkeyupfocusscroll
mouseleave blurunload
hover   

想要自定义事件,必须满足两个条件

  1. 事件必须通过on绑定

  2. 事件必须通过trigger来触发

     

4. attrprop 的区别介绍:

对于 HTML 元素本身就带有的固有属性,在处理时,使用 prop 方法。

对于 HTML 元素我们自己自定义的 DOM 属性,在处理时,使用 attr 方法。

实例 1:

这个例子里 元素的 DOM 属性有: href、targetclass,这些属性就是 元素本身就带有的属性,也是 W3C 标准里就包含有这几个属性,或者说在 IDE 里能够智能提示出的属性,这些就叫做固有属性。处理这些属性时,建议使用 prop 方法。

这个例子里 元素的 DOM 属性有: href、idaction,很明显,前两个是固有属性,而后面一个 action 属性是我们自己自定义上去的, 元素本身是没有这个属性的。这种就是自定义的 DOM 属性。处理这些属性时,建议使用 attr 方法。

 

5. GET 和 POST请求

  1. 可以通过form标签的method属性指定发送请求的类型
  2. 如果get请求会将提交的数据拼接到URL后面
  3. 如果是post请求,会将提交的数据放到请求头中

相同点:

都是将数据提交到远程服务器

不同点:

 GETPOST
提交数据存储位置将数据放到URL后面将数据放到请求头中
提交数据大小限制有大小限制没有大小限制
应用场景提交非敏感数据和小数据提交敏感数据和大数据

 

6. ajax