JQuery能干嘛？
jQuery 是一个 JavaScript 函数库，主要作用：
1.快速获取文档元素
使用jQuery的话，能够减少我们的很多DOM的操作，能够大大强化了获取元素的方式，这样确实会减少很多的代码量，非常的小巧灵活呢！
2、提供漂亮的页面动态效果
jQuery内置了一些动画效果，能够做一些页面的动画，但对于我这种前端杀手，估计也做不出什么优雅的页面，会个显示和隐藏就不错了。
3、创建AJAX无刷新网页
这应该就是用的比较多的技术了，好处是不言而喻啊！
JQuery语法
基础语法：$(selector).action()
解释一下:selector就是选择器，也就是元素的id或者是class这些能够定位到元素的选择器，action就是代表对该选择的元素的操作方式，比如$("#txt").hide()，就代表选择id为txt的元素进行隐藏的一个操作。
示例
$(this).hide() - 隐藏当前元素
$("p").hide() - 隐藏所有段落
$(".test").hide() - 隐藏所有 class="test" 的所有元素
$("#test").hide() - 隐藏id为="test" 的元素
文档就绪函数：
一般jQuery的代码都写在这里面，但是好像不写在这里也行哦，但是为了规范，还是乖乖在这里写吧。这是为了防止文档在完全加载（就绪）之前运行 jQuery 代码。
$(document).ready(function(){
//在这里写我们的jQuery代码吧
});
JQuery选择器
$(this) 表示当前 HTML 元素
$("p") 所有 <p> 元素
$("p.intro") 所有 class="intro" 的 <p> 元素
$(".intro") 所有 class="intro" 的元素
$("#intro") id为"intro" 的元素
$("ul li:first") 每个 <ul> 的第一个 <li> 元素
$("[href$='.jpg']") 所有带有以 ".jpg" 结尾的属性值的 href 属性
jQuery事件函数
常用的事件也就是点击事件，双击事件，获得焦点事件，鼠标悬停事件，这些都是JavaScript中常用的事件，jQuery只是对这些进行了一个封装。
$(document).ready(function) 文档的就绪事件，也就是文档加载完成时才执行
$(selector).click(function) 鼠标单击事件
$(selector).dblclick(function) 鼠标双击事件
$(selector).focus(function) 获得焦点事件
$(selector).mouseover(function) 鼠标悬停事件
接下来就开始使用下jQuery的效果，也就是action()到的常用方法
先了解下hide()和show()方法，很显然是隐藏和显示元素的方法.
<script>
$(document).ready(function(){
$(".hyx").click(function(){
$("#hyx").hide();
});
});
</script>
</head>
<body>
<div id="hyx">这里是何夜息的内容</div>
<div class="hyx">点击隐藏内容</div>
</body>
可以看到都是进行了DOM操作，但是减少了document.getElementById这类的写法，看着就很让人舒服啊！点击后确实隐藏了div,比使用获取元素，改变css样式的display为none确实是方便了很多啊！
$(document).ready(function(){
$(".hyx").click(function(){
$("#hyx").hide(1000);
});
});
这里hide()里面加了隐藏是的动画速度，就会缓慢的隐藏，确实好看哦！因为不好展示，只能看看代码了，反正我是已经看到了！
toggle()方法可以用来切换显示和隐藏方法，也就是第一次点击时是隐藏，再点击时就是显示。也是一样可以设置时间的。
<script>
$(document).ready(function(){
$(".hyx").click(function(){
$("#hyx").toggle(1000);
});
});
</script>
