JQUERY学习笔记

一、事件使用

1、常用事件

事件名	说明
load	页面或图像被完成加载
submit	表单提交时出发事件
click	鼠标单击事件
dbclick	鼠标双击事件
bulr	元素失去焦点事件
focus	元素活动焦点事件
change	用户改变域内容

在Jquery中事件封装对应的方法去掉了JS方法中的on

2、事件的绑定和解绑

绑定事件：jquery 对象 .on(时间名 ， 执行功能)；
解绑事件：jquery 对象 .off(事件名)； 如果不指定事件名称会解绑对象所有事件

3、事件切换

需要给同一个对象绑定多个事件，而且多个事件有先后关系
方式一：单独定义
$(元素).事件方法名（执行功能）；
$(元素).事件方法名（执行功能）；
....
方式二：链式定义
$(元素).事件方法名1（执行功能）.事件方法名2（执行功能）.事件方法名3（执行功能）.....

4、遍历

方式一：传统方式 for(let i;i<n;i++){}
方式二：对象.each()方法
	容器对象.each(function(index,ele)){}  index遍历索引位置（i）
	ele得到的每一个元素对象js对象
方式三：$each()方法
	$each(容器对象，funcyion(index,ele){ });

二、选择器

1、基本选择器 类似CSS可以获取元素

基本语法：  $(" ")

选择器	语法	作用
元素选择器	$(“元素名称”)	根据元素名称获取元素对象们
id选择器	$(“id属性值”)	根据id获取元素对象
类选择器	$(“.class属性值”)	根据class值获取元素对象们

2、层级选择器

选择器	语法	作用
后代选择器	$(“A B”)	A下所有的B（包括B的子集）
子选择器	$(“A>B”)	A下所有的B（不包括B的子集）
兄弟选择器	$(A + B)	A相邻的下一个B
兄弟选择器	$(A-B)	A相邻的所有B

3、属性选择器

选择器	语法	作用
属性名选择器	$(“A[属性名]”)	根据指定名获取元素对象们
属性值选择器	$(“A[属性名=属性值]”)	根据指定属性名和属性值获取元素对象们

4、 过滤器选择器

选择器	语法	作用
首元素选择器	$(“A:first”)	获得选择元素的第一个元素
尾选择器	$(“A:last”)	获得选择元素的最后一个
非元素选择器	$(“A:not(B)”)	不包括知道内热的元素
偶数选择器	$(“A:even”)	偶数从0开始
基数选择器	$(“A:odd”)	基数从0开始
等于索引选择器	$(“A:eq(index)”)	指定索引元素
大于索引选择器	$(A:gt(index))	大于指定索引元素
小于索引选择器	$(A:lt(index))	小于指定索引元素

5、表单选择器

选择器	语法	作用
可用选择器	$(“A:enabled”)	获得可用元素
不可用选择器	$(“A:disabled”)	获得不可以元素
单选/复选框被选中的元素	$(“A:checked”)	获得复选框选中的元素
下啦框被选中的元素	$(“A:selected”)	获得下拉框选中的元素

三、DOM

1、操作文本

常用方法
Html  获取标签文本
Html(value) 设置标签内容。解析新标签

2、操作对象

方法	作用
$(“元素”)	创建指定元素
append(element)	添加成最后一个子元素，由添加对象调用
appendTo(element)	添加成最后一个子元素，由被添加对象调用
prepend(element)	添加成第一个子元素，由添加对象调用
prependTo(element)	添加成第一个子元素，由被添加对象调用
before(element)	添加到当前元素前面，两者之间是兄弟关系，由添加者调用
after(element)	添加到当前元素后面，两者之间是兄弟关系，由添加者调用
remove()	删除指定对象
empty()	清空指定元素的所有子集

3、操作样式

方法	作用
css(name)	根据样式名获取css样式
css(name,value)	设置css样式
addClass(value)	给指定对象添加样式类名
removeClass(value)	给指定对象删除样式类名
toghleClass(value)	如过没有样式类名则添加有则删除

4、操作属性

Attr(name,[value]) 获得/设置 属性的值
Prop(name,[value]) 获得/设置 属性的值(checked,selected)