介绍

欢迎学习jQuery。jQuery是一个JavaScript库，如今已发展成为集JavaScript、CSS、DOM、Ajax于一体的框架体系。要想用jQuery，首先要安装上jQuery的开发环境。

首先下载jQuery

在jQuery官网：<a href="http://jquery.com">http://jquery.com</a>中下载最新版本的jQuery。

引入jQuery

<script src=“http://libs.baidu.com/jquery/1.9.0/jquery.js”></script>

您是否很疑惑为什么我们没有在 script 标签中使用 type=“text/javascript” ？ 在 HTML5 中，不必那样做了。JavaScript 是 HTML5 以及所有现代浏览器中的默认脚本语言！

jQuery语法

jQuery 语法是为HTML元素的选取编制的，可以对元素执行某些操作。

基础语法是：$(selector).action()

美元符号定义jQuery 选择符(selector)"查询"和"查找"HTML元素 jQuery的action()执行对元素的操作

示例：

$(this).hide()- 隐藏当前元素 $(“p”).hide()- 隐藏所有段落 $(".test").hide()- 隐藏所有class = “test” 的所有元素 $("#test").hide()- 隐藏所有 id = “test” 的元素

jQuery 使用的语法是 XPath 与 CSS 选择器语法的组合，接下来的第二章我们将讲解更多的选择器的知识。

传说中的hello world

在学习新的编程知识的时候，往往都从一个“hello world”例子开始，那么学习jQuery，我们也从先从一个“hello world”开始。

<title>传说中的hello world</title> <script src=“http://libs.baidu.com/jquery/1.9.0/jquery.js”></script> <script type=“text/javascript”> $(document).ready(function (){ alert(“hello world!”); }); </script>

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

可以简化成：

$(function (){ //代码段 });

jQuery的优势：

1.轻量级。jQuery非常轻巧，最新的jQuery版本压缩后，大小保持在80k左右。

2.强大的选择器。jQuery允许使用从CSS1到CSS3几乎所有的选择器，以及jQuery自己的高级而复杂的选择器。甚至你可以编写属于自己的选择器。我们将在第二章中详细讲解。

3.出色的DOM操作的封装；jQuery封装了大量常用的DOM操作，让你能轻松地完成各种原本非常复杂的操作。第三章将重点介绍jQuery的DOM操作。

4.可靠的事件处理机制；第四章中我们将详细讲解。

5.完善的Ajax；jQuery将所有的Ajax操作封装到一个函数$.ajax()里，使得开发者处理Ajax的时候能够专心处理业务逻辑而无需关系复杂的浏览器兼容性和XMLHttpRequest对象的创建和使用的问题。在第六章将会重点介绍。

6.出色的浏览器兼容性等等。但是jQuery2.0及后续版本将不再支持IE6/7/8浏览器。

免费的互动练习和更多的学习内容在这里（汇智网）:http://www.hubwiz.com/class/5437538a032c781670afddbe