显示和隐藏元素: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:
Jquery-基础知识-02
最新推荐文章于 2024-09-06 13:29:35 发布