JavaWeb从入门到入土第21天

JQuery动画

三种方式显示和隐藏元素：
1.默认显示和隐藏方式：
（1）show([speed, [easing], [fn]])
（2）hide([speed, [easing], [fn]])
（3）toggle([speed, [easing], [fn]])
2.滑动显示和隐藏方式
（1）slideDown([speed, [easing], [fn]])
（2）slideUp([speed, [easing], [fn]])
（3）sildeToggle([speed, [easing], [fn]])
3.淡入淡出显示和隐藏方式
（1）fadeIn([speed, [easing], [fn]])
（2）fadeOut([speed, [easing], [fn]])
（3）fadeToggle([speed, [easing], [fn]])

JQuery遍历

1.js的遍历方式
for(初始化值；循环结束条件；步长)
2.jq的遍历方式
(1)jq对象.each(callback)

1. 语法：
   jquery对象.each(function(index,element){});
   * index:就是元素在集合中的索引
   * element：就是集合中的每一个元素对象
   * this：集合中的每一个元素对象
   2. 回调函数返回值：
   * true:如果当前function返回为false，则结束循环(break)。
   * false:如果当前function返回为true，则结束本次循环，继续下次循环(continue)
   (2)$.each(object, [callback])
   (3)for…of
   for(元素对象 of 容器对象)

事件绑定

1.jquery标准的绑定方式
jq对象.事件方法(回调函数)
2.on绑定事件/off解除绑定
jq对象.on(“事件名称”，回调函数)
jq对象.off(“事件名称”)：如果off方法不传递任何参数，则将组件上的所有事件全部解绑。
3.事件切换：toggle
jq对象.toggle(fn1, fn2…)

插件：增强JQuery的功能

1.实现方式：
（1）$.fn.extend(object)
增强通过JQuery获取的对象的功能 $("#id")
（2）$.extend(object)
增强JQuery对象自身的功能 $/JQuery