w3school上系统过了一遍Jquery的总结

下面是今天学习JQUERY中发现的一些小钻石

1：$(document).ready(function(){}); 为了防止文档在完全加载（就绪）之前运行 jQuery 代码（终于搞清了这句代码的含义，我不怕自己很菜，我愿意承认自己的菜然后去改变）

2：将JS代码放在单独的文件中更好 （好不是用来说的，我以后就要这么做 ）

3： 如果希望在A语句运行完之后运行B语句，那么应该使用callback函数 。代码2是正确的，代码1，在hide的动画过程中，下一句就运行了。（AJAX中异步请求更应该这么做）

//代码1： $( "p" ).hide(1000);  // A alert( "The paragraph is now hidden" );    //B //代码2： $( "p" ).hide(1000, function (){ alert( "The paragraph is now hidden" ); });

4：JQUERY 选择元素的API非常强大，我在骨子里要认为jquery 是能为所欲为的遍历节点的。

5：以前习惯元素事件（比如οnclick='test()'）需要写在HTML中，有了jquery，事件可以与HTML分离，我们可以随意的绑定调用事件 （这点有解耦的感觉，我喜欢）。

6：JQUERY 操作节点的API 非常强大，我在骨子里要认为jquery 是能为所欲为的操作节点的，什么属性添加修改删除，添加修改删除节点  css操作等 无所不能。

7：jquery可以获取form中的全部输入项的name 和 值，称之为“反序列化” 。（这个发挥想象，能够做一些事情的 ）  

$( "button" ).click( function (){    x=$( "form" ).serializeArray();    $.each(x, function (i, field){      $( "#results" ).append(field.name + ":"  + field.value + " " );    }); });

8： jquery 选择的节点可能包含多个元素，jquery提供了大量的api 来遍历操作这些元素，jquery 的遍历函数 很强大。 （我以后可以尝试 $.each多好。 function(I,V)说明：遍历对象 I 是key，遍历 数组 I是下标索引，这点跟JS的for是一样的）。

9： 可以向一个组件中注入值 （可以临时保存一些数据... 还不太明了要怎么用，但觉得这个设计不错）

$( "#btn1" ).click( function (){      $( "div" ).data( "greeting" , "Hello World" ); }); $( "#btn2" ).click( function (){      alert($( "div" ).data( "greeting" )); });

10：可以动态创建组件，包括组件的事件,然后加载到另外的容器中。 （之前有个设计根据json动态创建 html table就使用的这个知识点 ）

$( "<input>" , {    type: "text" ,    val: "Test" ,    focusin: function () {      $( this ).addClass( "active" );    },    focusout: function () {      $( this ).removeClass( "active" );    } }).appendTo( "form" );

 

小小结语：

JQUERY能做到的，JS也能做到，JQUERY好在简化了开发的难度，并提供了一整套相关逻辑 。说实话，我对Jquery的认识还很粗浅，今天的学习让我对Jquery的感情增进了不少，w3school是个不错的学习网站，学习网站就应该搭建能够实验的环境...后台技术博客能不能做到呢，想多了，哈哈。

重要的不是哪个框架的API怎么用，而是你了解这个框架某个API实现了某个功能，这个功能能开阔你的眼界，一旦理解，就可以在以后的开发中灵活运用。

我不怕自己很菜，我愿意承认自己的菜然后去改变 突然觉得我这句话说的不错，哈哈，得瑟。