JQuery 高级
1. 动画
1. 三种方式显示和隐藏元素
1. 默认显示和隐藏方式
1. show([speed,[easing],[fn]])
speed:动画的速度,三个与选项"slow" "normal" "fast"或者放毫秒值
easing:指定切换效果,swing:先慢,再快,再慢 linear 匀速
fn:回调函数,当动画执行完会自动调用该函数
2. hide([speed,[easing],[fn]])
3. toggle([speed],[easing],[fn])
2. 滑动显示和隐藏方式
1. slideDown([speed],[easing],[fn])
2. slideUp([speed,[easing],[fn]])
3. slideToggle([speed],[easing],[fn])
3. 淡入淡出显示和隐藏方式
1. fadeIn([speed],[easing],[fn])
2. fadeOut([speed],[easing],[fn])
3. fadeToggle([speed,[easing],[fn]])
2. 遍历
1.js的遍历方法
for(初始化值;循环条件;步长(i++))
break 跳出for循环 continue 跳出本次循环
2.jq的遍历方式
1.jq.each(callback)
返回值
true 相当于结束循环
flase 相当于跳出循环
2.for..of():jquery3.0 以上可以用
3. 事件绑定
1.jquery标准绑定方式
js onclick click() onblur blur()
jq对象.事件方法(回调函数)
2.on/off 绑定事件/接触绑定事件
jq对象.on("事件名称",回调函数)
jq对象.off("事件名称")
*off()不写参数会怎样 解除该事件源上所有事件
3.toogle 切换事件
4. 插件:增强JQuery的功能
1. 实现方式:
1. $.fn.extend(object)
* 增强通过Jquery获取的对象的功能 $("#id")
2. $.extend(object)
* 增强JQeury对象自身的功能 $/jQuery