Learn in FCC(5)

第三章 jQuery
没想到在讲js之前就先来个jQuery。
1.$(document).ready(function(){});。
2.$("button").addClass("animated bounce");给按钮加弹跳动作。 jQuery可以给元素加class。Animate.css，原来class还能让元素动起来。
3.addClass("animated shake");加振动class。同时加弹跳和振动，元素就会比较立体的动起来。
4.$("#target6").addClass("animated fadeOut");id选择器。淡出动作。这里我忽然有个疑问，为什么要用加类来实现淡出，而不是使用fadeOut()方法？按说后者使用时可以加参数，会更灵活一些。而且太多的使用类感觉会很乱。
5. 过多的动作会喧宾夺主，删除之前所加的动作类。
6. 多种选择器，元素,类，id等。jQuery选择器基于已经存在的CSS选择器，除此之外，还有一些自定义的选择器。
7.$("button").removeClass("btn0default");就像添加类那样，同样可以删除类。
8.$("#target1").css("color","red");调用jQuery方法来改变元素的css式样。
9. $("target1").prop("disabled", true);调用jQuery方法来修改元素属性。
10.$("target4").html("<i>#target4</i>")。html()方法可以将元素的文本内容替换为其他元素和文本。而text()方法只会改变文本。
11.$("target4").remove();remove()方法会将元素整个移除掉。
12. $("target2").appendTo("#right-well");appendTo()方法可以将一个元素转移到另一个元素中。
13.$("target5").clone().appendTo("#left-well");clone()函数可以创建一个元素的克隆。（我忽然觉得对于js来说，把function叫作函数可能会更好一些。）function chaining，函数链。
14. $("#target1").parent().css("background-color", "red");调用parent()函数来访问一个元素的父元素。
15.$("#right-well").children().css("color","green");调用children()函数来访问一个元素的子元素。
16. $(".target:nth-child(2)").addClass("animated bounce");这里说到了利用css选择器来选择特定的一个子元素。
17 $(".target:odd").addClass("animated shake");给子元素中的奇数序列添加振动动作。由于js中的数组是从0开始的，所以其实是第2,4,6..个子元素。与之相对的是":even"，偶数序列。
18.$("body").addClass("animated hinge");可以选择整个body元素。hinge动作，元素掉下来。 
至此，3个小时的jQuery入门算是做完了。感觉坚持做了好多天，但其实到现在才完成了13小时，想想一共800小时，真是觉得遥不可及的。