Thirty-nine jQuery2

 

1、案例的核心思想-链式编程

　　链式编程和递归的最大区别：

　　　　链式编程是不断的调用起自身(即同一对象空间)去完成其它任务

　　　　递归是不断创建新的空间存放对象以满足不断调用计算等操作

2、动画效果

　　参数1：json对象，动画最终效果，使用css来表达

　　参数2：整数，毫秒单位[1s=1000毫秒ms]

　　参数3：字符串，控制动画变化效果，默认均速linear，可以设置为缓动效果swing

　　参数4：匿名函数，控制动画完成以后，后续操作

　　$("指定元素").animate({"right":"600px"}参1, 2000参2, "swing"参3, function(){

　　　　$(this).animate({"top":"300px"},500)}参4

　　);

3、特殊动画效果[预设动画]

　　$("指定元素").hide(时间)  控制元素隐藏

　　　　　　　　.show(时间)  控制元素显示

　　　　　　　　.stop.toggle(时间)  控制元素反隐藏或显示，stop如果用户一直点击也只接收一次

　　　　　　　　.slideUp()  控制元素上滑[等同于隐藏它]

　　　　　　　　.slideDown()  控制元素下滑[等同于显示它]

　　　　　　　　.fadeIn()  控制元素淡入[等同于显示它]

　　　　　　　　.fadeOut()  淡出[等同于隐藏它]

　　　　　　　　.fadeTo(2000,0.5)  控制元素的透明度，参1为整数是动画完成的时间，单位为毫秒，参2为浮点数，是动画完成时，元素的透明度[0为透明，1为不透明]

4、事件冒泡

　　当一个代码块触发事件时，其它父级光临代码块的触发事件也会发生

5、使用事件冒泡完成事件委托

　　可以利用事件会冒泡到父级元素，把事件操作绑定到父级元素中，让父级元素托管事件

　　on方法的事件参数后面，可以增加一个字符串参数，是css的选择器，也就是被托管的元素

　　$("父级元素").on("事件","被托管者",function(){});

　　阻止事件冒泡的方法function处传入event，然后event.stopPropagation():

　　阻止事件的默认行为[针对form和a标签]：一般用return false

6、遮罩层

　　父级

　　　　-子级[使用透明黑]-子级[使用居中白色]：可添加fadeIn、slideUp等效果

　　一个元素如果有宽度和高度以后，设置定位时，两边距离一样则该元素居中

7、DOM操作

　　创建一个标签元素[创建的元素并不会自动显示到html页面中]

　　把元素添加到页面中指定元素的 内部

　　　　目标元素.appendTo($(父元素))  父元素内部后面追加

　　　　目标元素.prepenTo($(父元素))  父元素内部前面插入

　　把元素添加到页面中指定元素的 外部

　　　　目标元素.insertBefore(位置元素)  给位置元素前面加上

　　　　目标元素.insertAfter(位置元素)  给位置元素后面加上

　　$("指定元素").empty  清空指定元素内容[还剩下标签本身]

　　$("指定元素").remove  删除指定元素[标签本身也会被删除]

8、补充

　　　　forms是一种获取方式，获取ID的时候是对象，获取一组数据的时候是数组