1. 需要注意 jQuery 分 2 个系列版本 1.x 与 2.x,主要的区别在于 2.x 不再兼容 IE6、7、8浏览器,这样做的目的是为了兼容移动端开发。由于减少了一些代码,使得该版本比 jQuery 1.x 更小、更快。
2. $(document).ready 的作用是等页面的文档(document)中的节点都加载完毕后,再执行后续的代码,因为我们在执行代码的时候,可能会依赖页面的某一个元素,我们要确保这个元素真正的的被加载完毕后才能正确的使用。
* $(document).ready:需要jQuery库,可以有多个,不需要相关图片等资源一起加载,简写:$(function() { // let's get up in heeya })
* window.onload = function(){}:不能有多个,需要相关图片等资源一起加载
3. jQuery是一个类数组对象,而DOM对象就是一个单独的DOM元素。
4. jQuery插件
* linkButton
* 是一个可以把<a href="#">变成button的插件
* button的效果看:http://www.oschina.net/p/linkbutton-jquery-plugin?from=rss
5. 1.x解决兼容性,2.x舍弃IE,3.x模块化。
6. $("#target1").css("color", "red");
* $("#target1").prop("disabled", true);
* $("#target4").remove();
* $("#target2").appendTo("#right-well");
* $("#target5").clone().appendTo("#left-well");
* $("#target1").parent().css("background-color", "red");
* $("#right-well").children().css("color", "orange");
* $("#left-well").children().css("color", "green");
* $(".target:nth-child(2)").addClass("animated bounce");//所有第二个子元素
* $(".target:even").addClass("animated shake" ) ; //even奇数