jQuery入门-1

由来

jQuery由美国人John Resig于2006年初创建，至今已吸引了来自世界各地的众多javascript高手加入其team。

jQuery是一个快速的，简洁的javaScript库，使用户能更方便地处理HTML documents、events、实现动画效果，并且方便地为网站提供AJAX交互。

jQuery能够使用户的html页保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需定义id即可。

重大版本更新

2006 年 8 月发布了 jQuery1.0，第一个稳定版本，具有对 CSS 选择符、事件处理和 Ajax 交互的支持

2013 年 1 月发布了 jQuery1.9，CSS 的多属性设置，增强了 CSS3。 2013 年 5 月发布了 jQuery1.10，增加了一些功能。

2013 年 4 月发布了 jQuery2.0，5 月发布了 jQuery2.0.2，一个重大更新版本，不再支持IE6/7/8，体积更小，速度更快。

注意在jQuery2.0之后的版本不再支持ie6/7/8

特点

轻量级
链式语法
简单
易扩展

jQuery 最大的优势，就是特别的方便。比如模仿 CSS 获取 DOM，比原生的 JavaScript 要方便太多。并且在多个 CSS 设置上的集中处理非常舒服，而最常用的 CSS 功能又封装到单独的方法，感觉非常有心。最重要的是 jQuery 的代码兼容性非常好，你不需要总是头疼着考虑不同浏览器的兼容问题。

安装与引用

本地调用：<script type="text/javascript" src="jquery.js"></script>
远程调用：<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.min.js"></script>

连网的情况下可以用谷歌，微软或者百度的CDN(Content Delivery Network，即内容分发网络)

第一个函数 ready

jQuery有一个用来作为DOM快速载入javascript的得心应手的小函数,那就是ready

$(document).ready(function(){
  //代码
})

//简写
$(function(){
  //代码
})

这个方法和js中的window.onload有点相似但是也有不同
window.onload方法长久以来是程序员解决客户端页面载入问题的一个方法，只有少数大型的图片文件会被快速的载入，而大部分大型的图片文件会使window.onload()载入的很慢.

标题	window.onload	$(function(){})
执行时机	必须等待网页全部加载完毕（包括图片等），然后再执行包裹代码	只需要等待网页中的DOM结构加载完毕，就能执行包裹的代码
执行次数	只能执行一次，如果第二次，那么第一次的执行会被覆盖	可以执行多次，第N次都不会被上一次覆盖

把dom对象转化为jQuery对象

var btn = document.getElementsByTagName("button")[0];//获取button的dom对象

var $btn = $(btn) //通过$(dom对象)的方式，  把dom对象转化为jQuery对象

把jQuery对象转化为dom对象

var btn = document.getElementsByTagName("button")[0];//获取button的dom对象

var $btn = $(btn) //通过$(dom对象)的方式，  把dom对象转化为jQuery对象

$btn[0];  //加个下标，把jQuery对象转化成dom对象

$btn.get(0);  //这样也能把jQuery对象转化为dom对象

给jQuery对象设置css样式

单条属性设置

$("div").css("background-color","#f00");

通过css()方法设置，css属性和属性值，都用引号引住，中间用逗号隔开

多条属性设置

$("div").css({"background-color" : "#f00" , "color" : "#fff"})

属性和属性值用冒号链接，每对属性之间用逗号隔开，属性和属性值要写在大括号中

在jQuery库中，$就是jQuery的一个简写形式。
如：

    $("#id");
    jQuery("#id");
 //二者是等价的

在编写JavaScript时应尽量避免使用jQuery和$定义变量或方法，以免在同时使用JavaScript和jQuery时发生冲突。