Jquery复习

通过id获取jq对象：var xxx=KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲id名称") 通过类名获取jq…(".名称")
获取样式：jq对象.css(“样式名称”);
设置样式：jq对象.css(“样式名称”,“样式的属性值”);

层级选择器

获取a元素内部的所有的b元素：$("ab")获取a元素下面的所有b子元素：$(“a>b”)
获取a元素同级下一个b元素：$(a+b)获取a元素同级所有后面b元素:$(“a~b”)
h获取a元素的同级前后所有的b元素:$(“a”).siblings(“b”)

属性选择器

获取有该属性名的元素：$("A[属性名]")获得属性名等于值的元素：$(“a[属性名=值]”)
复合属性选择器，多个属性同时过滤:$("A[属性名!=值]...[属性名!=值]")获取属性名不等于值元素:$(“A[属性名!=值]”)
获取属性名以值开头元素：$("A[属性名=值]")获取属性名以值结尾元素：$("A[属性名$=值]")获得属性名含有值元素：$(“A[属性名*=值]”)

过滤选择器

获得选择的元素中的第一个元素：:first
获得选择的元素中的最后一个元素：:last
不包含指定内容的元素例如：:not(selecter)
获取偶数，从0开始：:even
获取奇数数，从0开始：:odd
指定索引(index)元素：:eq(index)
大于指定索引(index)元素：:gt(index)
小于指定索引(index)元素：:lt(index)
获得标题，固定写法(

/

…)：:header
获得正在执行的动画，固定写法：animated

表单属性选择器

获得可用元素：:enabled
获得不可用元素：:disabled
获得单选/复选框中的元素（单选radio，多选checkbox）：:checked
获得下拉框选中的元素（下列列表select）：:selected

jq的dom操作

.text()：获取或修改元素文本内容，类似于dom.innerText
.html()：获取或修改元素的标签体，类似于dom.innerHTML

jq操作属性

val()：获取或修改表单控件的value值等于dom.value
prop()：获取或修改原生属性值
attr()：获取或修改自定义属性值等于dom.setAttribute() dom.getAttribute()

jq操作样式

.css()：获取或者修改css样式

• css(样式名)：获取一个样式等于dom.style.样式名
• css(样式名，样式值)：设置一个样式dom.style.样式名=样式值
• css(样式名：样式值，样式名：样式值)：批量设置样式
  addClass()：添加一个样式
  removeClass()：移除一个样式
  toggleClass()：切换一个样式

jq创建和插入对象

append(element)：添加成最后一个子元素，两者之间是父子关系
prepend(element)：添加成第一个子元素，两者之间是父子关系
$(“A id=“11”>aaa”)：创建A元素对象，同时可以给对象添加属性和标签体
before(element)：添加到当前元素的前面，两者之间是兄弟关系
after(element)：添加到当前元素的后面，两者之间是兄弟关系
insertBefore(element)：把元素添加到另外一个元素前面，两者之间是兄弟关系
insertAfter(element)：把元素添加到另外一个元素后面，两者之间是兄弟关系

jq删除对象

remove()：删除指定元素
empty()：清空指定元素的所有子元素

jq动画

show：显示标签
hide：隐藏标签
toggle：显示和隐藏之间切换
slideDown：向下滑动
slideUp：向上滑动
slideToggle：上下滑动之间来回切换
fadeIn：淡入（显示）
fadeOut：淡出（隐藏）
fadeTo：设置元素的透明度
fadeToggle：淡入淡出之间来回切换
参数：
speed：（slow缓慢的，normal正常的，fast快速的）也可表示动画时长（如1000）
opacity：一个0至1之间表示透明度的数字
easing：用来指定切换效果（默认是swing，可用参数linear）
fn：在动画完成时执行的函数，每个元素执行一次

jq的遍历

for
jq对象.each(function(index,element){})
jquery.each(jq对象,function(index,element){})
for(var 变量 of jquery对象)

jq事件绑定

blur：事件源失去焦点
focus：事件源获取焦点
change：内容改变
click：单击事件源
keydown：接受键盘上的所有键
keyup：键盘弹起
mouseover：鼠标移入
mouseout：鼠标移出
使用on绑定事件
jquery元素对象.事件函数(function(){})
jquery元素对象.on(“事件名称”,function(){})

事件解绑

jqery元素对象.off(事件名称)

事件切换

jquery对象.事件函数(function(){}).事件函数(function(){})
hover([over],out); over:代表鼠标移入触发函数,out:代表鼠标移出触发函数

jq插件

$.fn.extend({
函数名:function(){},
函数名:function(){},
函数名:function(){},
…
})
使用jquery对象.自定义函数(参数)

jq的请求

第一种：
jquery.请求方式(url,[data],[callback],[type])
参数：
url:请求服务器的路径
data:发送到服务器的数据，格式使用键值对 key=value&value
callback:回调函数，服务器响应成功，会自动执行这个函数
type：预设服务器返回的数据类型（text，json）
第二种：
$ajax({
url:请求服务器的地址
async:设置异步请求方式，值true：异步（不写默认），值false：同步
data：发送到服务器的数据，格式：k=v&k=v…
type：设置请求方式（默认get，post）
dataType：预设服务器返回的数据类型（text，json）
success：请求成功后执行的回调函数
error：请求失败后执行的回调函数
})