jQuery(js的第三方库)
<div id='app'>hello</div>
var app = document.getElementById('app') = $('#app')
1第三方库,减轻工作量,它是对我们ECMAScript、DOM、BOM的浅封装
2使用
1.安装 下载源码
2.引入
3.看文档使用
3.jquery函数
既可以使用$,也可以使用jQuery,$ === jQuery
1.$(选择器)
选中符合选择器的Element(元素),然后将这个元素添加到jQuery对象
2.$(html片段)
$('<div>hello</div>')
将这个片段先转化为Element(元素),然后将这个元素添加到jQuery对象中
3.$(Element元素)
将这个Element元素转化为jQuery对象
4.$(匿名函数)
在文档加载完毕之后,执行匿名函数
<div></div>
css:
div {
color:red
}
js:
原生
document.getElementById('app')
jquery
$('div')
jquery(ajax)
原生ajax
1.初始化对象(XMLHttpRequest)
var xhr = new XMLHttpRequest()
2.建立连接(设置请求行)
xhr.open(type,ur)
3.设置请求头
xhr.setRequestHeader(key,val)
4.发送请求
xhr.send(data) //get:data可以不传,post:传
5.监听响应
xhr.onreadystatechange = function() {
this.readyState //状态 2、3、4(响应回来)
this.status //状态 200、304、404、500
if(this.readyState === 4 && this.status === 200){
console.log(this.response) //字符串
//反序列化
var res = JSON.parse(this.response) //对象
}
}
var $ = {
get:function(){
//五步操作
}
}
$.get()
功能
参数
api
$.ajax() 请求数据