2020.7.6学习日志

css()方法

描述：本方法是jq对象读写css样式的方法，相当于js中style属性

语法：jq对象.css（“key","value");

注意：如果只有一个参数则代表读取属性的值，而写两个参数代表设置属性的值

如果css（）方法需要一次修改多个样式，则参数可以写成json格式

show()/hide()方法

描述：show()表示jq对象显示，hide表隐藏

语法：jq对象show(动画时间)

注意：a.方法内部的参数是可选的，表示动画执行的时间，单位毫秒 不写默认为0

slideup()/slidedown()方法

描述：slideup表示jq对象上拉消失，slidedown表示jq对象下滑显示

注意：这两个方法即使不屑参数，也是默认有一定的动画时间

强调：1.对于两个方法存在一个隐藏的属性，称为边界，默认是上边界。边界时可以手动设置的，通过定位来设置jq对象的属性。

fadeIn()/fadeOut()

描述：fadeIn()表示淡入/fadeOut()表示淡出

addClass（）/removeClass

描述：addClass追加类，在原来的基础上添加一个类名

           removeClass移除类，在原来的基础上移除一个类名

语法：jq对象.addClass('类名‘） jq对象.removeClass('类名‘）

 

1.attr（）方法

描述：用来修改jq对象的属性，这个方法会覆盖原来的属性值。

语法：jq对象.attr（’属性名‘，’属性值‘）

注意：第二个参数时可选的。如果不写则代表读取这个属性的属性值，如果有两个参数，则表示设置jq的值

2.html（）方法

描述：用来读取和更改元素内部的内同，作用和原生的innerHTML属性是一样的

注意：没有参数，表示读取。

1.animate（）函数

描述：jq对象的自定义动画

语法：jq对象.animate(JSON格式的参数，动画执行时间ms)

注意：即使只有一个属性发生动画，也要写成JSON

ps:jq能够改变的属性都是数值型的，比如width height font-size opacity等

 

jq中动画的执行遵循两大原则

同步原则：同一个元素如果存在多个animate命令，则按照添加顺序执行

异步原则：不同元素如果存在多个animate命令，则他们同时执行。

 

1.回调函数（可选参数）

描述：表示animate执行完之后，要干什么

 

stop()方法

描述：用于结束jq对象动画

语法：stop(clearAllAnimation,goToEnd)

说明：第一个参数表示的是否清除所有的动画，默认为false表示不清楚所有的动画（只清除当前动画）

第二个参数表示是否瞬间完成当前动画，默认为false表示不立即完成当前动画。

animate（）方法中的防止动画积累的策略

策略1：立即结束当前动画，执行新的命令

$().stop(true).animate();

策略2：如果当前正在运动，那么不接受新的命令

if($("div").is(":animated"){ return; }