四。jq效果
4.1 显示隐藏
show()
hide()
toggle()
参数:slow慢,fast快,normal(默认)
4.2 滑动
slideDown()
slideup()
slideToggle()
4.3 淡入淡出
fadein()
fadeOut()
fadeToggle()
fadeTo(时间,透明度) 修改透明度
4.4 自定义动画
animate(想要更改的样式属性用对象的方式,速度\时间)
4.5 事件切换 .hover() 可写两个方法分别是鼠标移上前后,写一个则共用
4.6 动画队列及其停止排队方法
4.6.1 动画或效果队列
动画如果多次触发就会造成多个动画或效果排队执行
4.6.2 停止排队
.stop() 用于停止动画或效果
写在动画或效果的前面,相当于停止结束上一次的动画
五。jq属性操作
5.1 设置或获取元素固有属性值 prop()
prop("属性") 获取属性语法
prop("属性","属性值") 设置属性语法
5.2 设置或获取元素自定义属性值 attr()
attr("属性") 获取属性语法 类似原生getAttribute()
attr("属性","属性值") 设置属性语法 类似原生setAttribute()
5.3 数据缓存(自定义属性)data()
-(读写标签的附加属性data-*属性)
-可在指定元素上存取,不会修改DOM元素结构,刷新则移除
data("name","value") 向被选元素添加数据
data("name") 向被选元素获取数据
同时,还可以读取HTML5自定义属性data-index,不用写data-,得到的是数字型
六。jq内容文本值
6.1 普通元素内容html()相当于原生innerHTML
html() 获取元素内容
html("内容") 设置元素的内容
6.2 普通元素文本内容text()相当于原生innerText
text() 获取元素文本内容
text("内容") 设置元素的文本内容
6.3 表单的值val()相当于原生value
val() 获取表单内容
val("内容") 设置表单内容