学过些原生javascript的话，相信大家已经能够使用它来写一些有趣的东西了，在这个过程当中，会发现经常要遵循一种模式：选择一个元素或一组元素，然后以某种方式对其进行操作。比如显示或隐藏，增加个CSS类，让某个元素活动起来等等。
以前的原生的JS去完成这些任务，都需要数十行的代码。
而为了简化这些操作，诞生了不少非常优秀的库，jQuery就是其中的佼佼者，凭借其简介的语法和强大的兼容性，极大地简化了开发人员遍历文档，操作DOM，处理事件，执行动画等操作。这些优点吸引了大量的JS开发者去学习研究它。

首先，写段简单的jQuery代码：
首先登陆官网下载最新的jQuery库，http://jquery.comjQuery不需要安装，直接把下载的jquery.js放到文件夹中，通过script标签的src引入就可以了。
接下来看看官网上的brief look，先简要地看一看jquery的使用。
第一个，操作DOM和修改文档内容：点击一个button修改html内容
// 通过选择器获取一个button元素节点，并且改变它的html内容
$( "button.continue" ).html( "Next Step..." )
第二个，注册事件：
//
#banner-message是个隐藏元素，点击一个#
button-container中的button，触发事件，让隐藏元素变成显示状态
var hiddenBox = $( "#banner-message" );
$( "#button-container button" ).on( "click", function( event ) {
hiddenBox.show();
});
第三个，Ajax
// ajax是种不刷新页面的情况下与服务器交换数据的技术，jquery中的$.ajax对这个技术进行了封装，变得简单易操作起来
然后我们来试一下在自己本地写一段代码试试：


$(document).ready(function() {
alert("hello world");
})

其中$符号就是jQuery的一个简写形式，而$(document).ready()这段代码的作用和window.onload的作用是类似的
不过不同的是，window.onload不能同时编写多个而$(document).ready()则没有这个限制。

jQuery选择器
写JS的大多数时候我们要做的第一件事就是选择将**作的页面元素，直接使用原生JS会比较麻烦，而jQuery提供了非常健壮的选择器，让我们可以轻松的选择几乎任何元素集合。
实际上jQuery使用了我们已经熟练使用的css语法，并且扩展了一下，那我们就来看一下最常用的选择器。
标签选择器 $(“p")
类选择器 $(“.intro")
id选择器 $(“#intro")
可以看出来和css选择器的用法几乎一样，更多的使用方式建议去看jQuery的官方文档：https://api.jquery.com/category/selectors/
不过需要注意的是，原生JS选择的结果是DOM对象：
var dom = document.getElementById(“id”); // 这里获得是是一个DOM对象，它可以直接使用JS中的方法
dom.innerHTML = “hello”;
jQuery选择器选出的结果是一个jQuery对象，是一个通过jQuery包装DOM对象后产生的对象，只能使用jQuery里的方法：
var $dom = $(“#id”);
$dom.html(“hello”);