JQuery基础

1. 概念：jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨 是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。
2. jQuery版本及jquery-xxx.js 与 jquery-xxx.min.js的区别：
   • 1.x：兼容ie678,使用最为广泛的，官方只做BUG维护，功能不再新增。
     最终版本：1.12.4 (2016年5月20日)
   • 2.x：不兼容ie678，很少有人使用，官方只做BUG维护，
     功能不再新增。
     最终版本：2.2.4 (2016年5月20日)
   • 3.x：不兼容ie678，只支持最新的浏览器。除非特殊要求， 一般不会使用3.x版本的，很多老的jQuery插件不支持这个版本。
   • jquery-xxx.js 与 jquery-xxx.min.js区别：
     1. jquery-xxx.js：开发版本。给程序员看的，有良好的缩进和注释。体积大一些
     2. jquery-xxx.min.js：生产版本。程序中使用，没有缩进。体积小一些。程序加载更快
3. jQuery对象和JS对象区别与转换
   1. JQuery对象在操作时，更加方便。
   2. JQuery对象和js对象方法不通用。
   3. 两者相互转换
      jq – > js : jq对象[索引] 或者 jq对象.get(索引)
      js – > jq : $(js对象)
4. 基本操作

1.事件绑定
 <button id="b1"></button>
 //给b1绑定点击事件
 $("#b1").click(function(){
        ...
 });

2.入口函数
 $(function () {
             
 });
 js中window.onload和jq中入口函数的区别: 
	 window.onload 只能定义一次,如果定义多次，后边的会将前边的覆盖掉
 	 $(function)可以定义多次的。 

3.样式控制：css方法 
 $("#div1").css("background-color","red");
 $("#div1").css("backgroundColor","pink");