目 
录
1.jQuery的介绍和在线学习网址以及下载网址
jQuery是一个JavaScript库（框架），它通过封装原生的JavaScript函数得到一整套定义好的方法。它的作者是John Resig，于2006年创建的一个开源项目，随着越来越多开发者的加入，jQuery已经集成了JavaScript、 CSS、 DOM和Ajax于一体的强大功能。它可以用最少的代码， 完成更多复杂而困难的功能，从而得到了开发者的青睐。
在线学习jQuery，可以访问的网址：
- http://t.mb5u.com/jquery/
- http://www.runoob.com/
- 菜鸟教程前端知识的学习网站
- 最新的文档，英文版的：http://api.jquery.com/
jQuery的下载： http://www.jq22.com/jquery-info122 jquery下载所有版本（实时更新）
2.jQuery的功能和优势
jQuery 作为 JavaScript 封装的库，他的目的就是为了简化开发者使用 JavaScript。主要功能有以下几点：
●像 CSS 那样访问和操作 DOM ●修改 CSS 控制页面外观 ●简化 JavaScript 代码操作 ●事件处理更加容易 ●各种动画效果使用方便 ●让 Ajax 技术更加完美，可异步加载 ●基于 jQuery 大量插件 ●自行扩展功能插件 jQuery 最大的优势，就是特别的方便。除此之外jQuery 的代码兼容性真的非常好！
3.引用jQuery库和第一个案例
如果想使用jQuery，那么就必须先把jQuery复制到js文件中，再在代码中引入jQuery库。如下引入
//第一种
<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
//也可以不用写类型那些
<script src="js/jquery.js"></script>第一个jQuery入门程序如下：
<html>
<head>
<title></title>
<script src="js/jquery.js"></script>
</head>
<body>
<button class="but">按钮</button>
</body>
<script>
$(function () {
$('button').click(function () {
alert('第一个 jQuery 程序！');
});
});
</script>
</html>
4.jQuery代码格式和注释
在jQuery程序中，不管是页面元素的选择、内置的功能函数，都是美元符号“$”来开始的。而这个“$”就是jQuery当中最重要且独有的对象 --- jQuery对象。所以我们在页面元素选择或执行功能函数的时候可以这么写：
$(function () {}); //执行一个匿名函数
$(‘#box’); //进行执行的ID元素选择
$(‘#box’).css(‘color’, ‘red’); //执行功能函数
//$本身就是jQuery对象的缩写形式，那么也就是说上面的三段代码也可以写成如下形式
jQuery(function () {});
jQuery(‘#box’);
jQuery(‘#box’).css(‘color’, ‘red’);注意1：页面元素的选择或内置的功能函数等等都需要放置在script标签内。
注意2：比如执行了.css()这个功能函数后，最终返回的还是jQuery对象，也就是说，jQuery的代码模式可以采用链式编程的方式，不停的连续调用功能函数。例：$('#box').css('color', 'red').css('font-size', '50px');
jQuery中代码注释和JavaScript是保持一致的，有两种最常用的注释：单行使用“//” ， 多行使用“/* ... */”
5.jQuery如何达到获取原生的DOM对象
由上可知执行了.css()这个功能函数后，最终返回的还是jQuery对象。但有时，我们也需要返回原生的 DOM 对象，比如： alert(document.getElementById('box'));
var JqueryObj=$(原生DOM对象); 我们使用$() 包裹一下原生DOM对象，就会转换成Jquery对象了 jQuery 想要达到获取原生的 DOM 对象，就可以这么处理：
alert($('#box').get(0)); //ID 元素的第一个原生 DOM 从上面 get(0)，这里的索引看出，jQuery 是可以进行批量处理 DOM 的.
6.jQuery选择器（CSS对比版）
(1)常见选择器
| 选择器 | CSS模式 | jQuery模式 | 描述 |
|---|---|---|---|
| 标签选择器 |
div{} |
$(‘div’) |
获取所有 div 元素的 DOM 对象 |
| ID选择器 |
#box{} |
$(‘#box’) |
获取一个 ID 为 box 元素的 DOM 对象 |
| 类选择器(class) |
.box{} |
$(‘.box’) |
获取所有 class 为 box 的所有 DOM 对象 |
| 群组选择器 |
span,em,.box {} |
$('span,em,.box') |
获取多个选择器的 DOM 对象 |
| 后代选择器 |
ul li a {} |
$('ul li a') |
获取追溯到的多个 DOM 对象 |
| 通配选择器 |
* {} |
$(' * ') |
获取所有元素标签的 DOM 对象 |
补充：jQuery 核心自带的一个属性 length 或 size()方法可用来查看返回的元素个数
最低0.47元/天 解锁文章
821
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
