Jquery-基础知识-02

显示和隐藏元素:show()和hide()
在这里插入图片描述排他思想:在这里插入图片描述
案例:鼠标经过,显示对应的图片
在这里插入图片描述
jQuery链式编程:节省代码书写量,原理是每个原型方法都返回当前对象‘this’
在这里插入图片描述
jQuery操作css:
注意点:
(1)如果只设置一个值,不是写对象语法,属性必须加引号,
(2)如果使用对象语法,属性可以不用加引号,但是不加引号必须使用驼峰命名法

在这里插入图片描述jQuery操作类;
toggleClass(“参数注意不要加.”)->切换类,如果不存在则添加类,如果已设置则删除之
第三个参数switch,ture的话只添加类,false的话只删除类
在这里插入图片描述原生js的className会覆盖原先的类:
在这里插入图片描述
show(),hide(),toggle()的三个参数:
在这里插入图片描述下拉:slideDown(),效果与用法show相同,但是增加了上拉动画在这里插入图片描述上拉:slideUp(),效果与用法hide相同,但是增加了下拉动画
在这里插入图片描述切换:slideToggle(),效果与用法toggle相同,但是增加了动画
在这里插入图片描述jQuery的hover方法:需要传两个function,第一个是鼠标移入,第二个是鼠标移出,如果只传一个,则默认移入移出都执行该方法
在这里插入图片描述动画队列停止排队:短时间多次触发,动画一定会排队执行,stop()可以解决:但是必须先写在动画前面,意思是停止上一个动画
在这里插入图片描述淡入fadeIn(),淡出fadeOut,淡入淡出切换fadeToggle():三个参数
在这里插入图片描述
淡出到某个透明度fadeTo(),第一个参数:speed—速度必须写,第二个参数:opacity----透明度也是必须写
在这里插入图片描述自定义动画:animate
在这里插入图片描述eg:在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值