Ajax学习笔记（三）jQuery

什么是jQuery
jQuery是一门轻量的、免费开源的JS函数库，主要作用是用于简化JS代码

轻量的：代码或项目对该技术的依赖程度，依赖程度越低，这个技术越轻，反之，依赖程度越高，这个技术越重。推荐使用轻量级的技术框架

jQuery的核心思想："写的更少，但做的更多"

通过 jQuery，您可以选取（查询，query） HTML 元素，并对它们执行"操作"（actions）。

jQuery** 库包含以下功能：

1. HTML 元素快速选取(给予css选择器,方便快速查询DOM文档中的元素)
2. HTML 元素操作
3. CSS 操作
4. HTML 事件函数
5. JavaScript 特效和动画
6. HTML DOM 遍历和修改
7. AJAX
8. jQuery的语法
9. jQuery 语法是通过选取 HTML 元素，并对选取的元素执行某些操作。

基础语法是：$(selector).action()

 jQuery 的下载 和使用：

 

Download jQuery | jQuery

 表单选择器：

必须含有type的属性才可以使用表单选择器

格式是$(":+name")

	
		
		
		
		
	
	
		
		

		
		

		男
				

		女
		
	

 jquery对象经过数组取出来的是dom对象

 简写

$(function(){
				alert("heeeloooasd")
			}
			)

 

 jQuery对象表示的都是数组，jQuery对象和dom对象是可以相互来进行转化的，相互转化的方法

dom对象套上$()之后直接变成了jQuery对象，而jQuery对象利用数组的方式取下标为0的元素或者利用get(0)同样可以取到参数

过滤器使用来筛选对象的配合选择器来使用

 

 

 

 

 

 这里的箭头代表的是子选择器的意思，下面的子选择

 

jQuery的函数有哪些：、

1.val

 2.text

 3.arr

 

 

 remove是删除的一干二净什么都不会剩下

而empty是只删除select的大标签

 

 text不会识别标签，但是html可以识别标签

 

 

 

 

 主要使用的是 url，data,datatype,success

 

手撕源码

这样就将复杂的一段函数封装起来了手撕jquery源码

$符号里面还可以放置函数

JS定义类 的回顾以及方法的使用： 

 jquery的深层源码还是很有意思的

全局变量 不加var

 静态的方法，在实体类里面要new一下，要不是没有办法去调用的

 省市联动（没有做，里面还有引入jQuery的具体使用方法）

 对跨域的理解：

 

 

 

ES6新特性加入了箭头和const let关键字

 

ajax不能跨域的主要原因是 XMLHttprequest不能共享，共享之后是不安全的

 

不同源的例子 

 

微服务：

  ajax跨域问题的解决方案：

方案1：设置响应头

 加上了这行代码之后才允许跨域访问

方案2：jsonp

ajax必须采用xhr的对象的创建才会交ajax

 通过这种路径来进行传参：

 深入研究jsonp：之前的没有达到页面局部刷新的效果

主要就是 不在页面加载的时候就发送信息，

 

通过这一段变得更加灵活 ，（很妙）

3.jQuery已经封装好了jsonp

底层原理和2完全相同

 主要是这里的jsonp 但是并没有去走ajax请求

 函数名是自动生成的，所以你返回数值的时候也是要返回这个数值的，

 

 这样调用的就不是success的函数了

 4.代理机制

 ajax不可以直接跨域，但是可以通过代理的servelet来进行跨域

crtl + alt +L 可以进行标准格式化

 httpclient可以进行servelet的消息传递，这样可以进行跨域