1.jquery
1)对于es5、DOM、BOM封装
本质时函数
1.选择器
2.属性
3.事件
4.http请求
2)安装
本地引入
cdn在线引入
npm run build
dist
vue源码
3)用法介绍
1.$(函数)
文档加载完毕之后
2.$(选择器)
获取到选择器选中的元素,获取到的节点放入到类数组中
3.$(元素节点)
将一个节点转换成jquery对象
4.$(html片段)
创建具有结构的html内容
createElement(‘div’) $(‘div’)
4)基础语法
1.选择器
1)基本选择器
*
#one
.one
div.one
div,.one
2)层次选择器
子代 >
后代 空格
兄弟 +
3)伪元素选择器
::
4)伪类选择器
:
5)属性选择器
[]
6) 补充
:not()
选中不为
:checked
:checkbox
2.事件
1)三要素
事件目标
事件处理程序
事件对象
1.事件绑定 //可以用直接.事件或者用on代理
var dom = document.getElementById(‘one’)
dom.onclick = function(){
event
}
var dom = $(‘one’)
dom.on(‘click’,function(){
})
dom.click(function(){})
2.事件代理 //用带on的绑定方法
$(‘ul’).on(“click”,‘li’,function(){})
ul代理li的点击事件
3.模拟点击
dom.on(‘click’,function(){})
dom.trigger(‘click’)
3.DOM操作
1)内部插入
append()
appendTo() //这俩后入
prepend()
prependTo() //这俩前入
2)外部插入
before() after()
3)包裹
wrap()
4)删除
empty() //删除节点,多用表格清空
5)克隆
clone()
4.jquery对象属性的操作
attr(‘属性名’,‘属性值’) prop() css()
//attr()和prop()哪个能获取到用哪个
$(‘div’).css)(‘color’,‘red’) //需要多个属性时用对象来写,属性名与属性值用:隔开
获取/设置元素的属性
html()
获取/设置元素的html内容,包括标签
text()
获取/设置元素的文本内容
val()
获取/设置表单元素的值