jquery相关知识整理

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()
获取/设置表单元素的值