jQuery 使用方法

jQuery简单来说就是 JavaScript库，封装了一堆的js函数（JS库）
在jQuery的官网logo中有这么一段话

write less， do more。人狠话不多(哈哈哈)

• jQuery的优势
  1.完全不需要再去使用原生的DOM操作了
  2.非常多的重用函数，简化JavaScript开发
  3.兼容性问题 1.x.x 2.x.x 3.x.x 2和3的版本已经放弃老版本IE（IE9及以下）

而jQuery的引用就很简单了可以去官网下载jQuery的包导入就可以使用了
或者导入在线文件

<script src="jquery/dist/jquery.js"></script>//本地文件导入

<script src = "https://www.bootcdn.cn/jquery/1.11.3/"></script> //在线文件导入

好了话不多说接下来来讲解一下jQuery的一些选择器

jQuery选择器的优势：
1.代码更简单；
2.支持CSS1到CSS3选择器；
3.完善的机制处理

首先就是怎么使用jQuery了直接上代码

$("#id") //就是这么简单 这样我们就已经选择到了id元素
jQuery("#id") //这两种方式都可以获取到
//当然使用美元符$更加的方便

//在jQuery中 jQuery == $

这里注意一点jQuery所选择到的元素返回的都是一个jQuery的对象

而且jQuery对象不能使用DOM的api 如果想使用DOM的API的话可以这样

$('#box')[0]  //这样返回的就是一个DOM元素

在jQuery中你在css所用到的选择器都可以使用，我简单列出几个例子

	<div id="box"></div>
	<div class="box"></div>
	<p></p>
	<span data = 'span'></span>

	<script>
		console.log($('#box')) //ID选择
		console.log($('.box')) //class选择
		console.log($('p'))  //element选择
		console.log($('[data = span]')) // 属性选择
	</script>

如果大家想了解更多选择器这边有在线手册可以去瞅瞅
jQuery中文手册