1.31学习内容(jq效果,jq属性操作,jq内容文本值)

四。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("内容") 设置表单内容

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值