决定要走前端路的小菜鸟简单记录jQuery的学习过程(p≧w≦q)
应该不难吧，没在怕的
学习参考书：锋利的jQuery
jQuery不需要安装，把下载的jQuery.js放到网站的一个公共的位置即可；
1、下载
jQuery是一个轻量级的JS库，其强调的理念是write less,do more；
从官网（http://jquery.com/download/）下载其js文件 开发版：jquery.js 完整无压缩版本（我使用的版本，反正也没有很大）
生产版：jQuery.min.js 经过压缩版
2、在页面引入
<script src="scripts/jquery-3.3.1.js" type="text/javascript"></script>
//js文件放在项目的scripts文件夹内
<script type="text/javascript">
$(document).ready(function(){ //等待DOM加载完毕
alert("hellojQuery!");
});
</script>
运行效果如下：
（天啦噜引用也太简单了吧⁄(⁄ ⁄•⁄ω⁄•⁄ ⁄)⁄）
其中$(document).ready()的作用类似于window.onload(),网页中所有的DOM结构绘制完毕后就执行，但与DOM关联的元素可能还没加载完；
$(document).ready(function(){
//...
});可以简写成：
$(function(){
//...
});3、jQuery代码风格
1）链式操作风格
强大的链式操作可以让我们一行就完成多个需要的功能；
书中举例：
$(this).addClass("current") //添加样式
.next().show() //显示下一元素
.parent().siblings().children("a").removeClass("current"）//移除样式
.next().hide(); //隐藏下一元素如上所述，可以将同一对象的操作写成一行代码，过多的操作一定要分行显示，写好备注，不然明天就会记不得自己打的是啥玩意儿了o(╥﹏╥)o
2）为代码添加注释
“//”添加注释
最痛苦的事情不是打代码，是看别人打的代码，或是当你自己回头看自己的代码却在想“我打的是啥JB玩意儿”；好的的代码风格一定是简单易读，做好备注的，风格一致，严格使用缩进，好好备注，从我做起，从今天做起。
4、啥是jQuery对象
书中说，jQuery对象就是通过jQuery包装DOM对象后产生的对象，是jQuery独有的。
1）如何获取jQuery对象
("#a").html(); //获取id为a的jQuery对象
//对比DOM中的:
document.getElementById("a").innerHTML;区别在于后者获取的是DOM对象，两者并不等价；
2）如何区别jQuery对象和DOM对象
//获取的对象是jQuery对象的话
var $variable=jQuery对象;
//获取的是DOM对象的话
var variable=DOM对象;3)两者的转换
jQuery提供了两种方法将一个jQuery对象装换成DOM对象：[index]和get(index).
举例：
var $a=$("#a"); //获取id为a的jQuery对象
var b=$a[0]; //[index]方法转换为DOM对象
var c=$a.get(0); //get()方法转换为DOM对象DOM对象转换为jQuery对象只需要对其进行封装
var a=ducument.getElementById("a"); //获取id=a的DOM对象
var b=$(a); //封装啦！转换为jQuery对象5、如何解决jQuery和其他JS库的冲突
1）jQuery在其他库之后导入
调用jQuery.noConflict()将变量$的控制权移交给其他的JS库，之后再程序中使用jQuery()函数。
除此之外还可以自定义一个快捷方式使用jQuery:
var $j=jQuery.noConflict();2）jQuery在其他库之前导入
这时不需要再调用jQuery.noCnflict();进行变量$控制权的转让,可直接使用jQuery()函数。
参考书的第一章内容就这样学完啦！撒花~~✿✿ヽ(°▽°)ノ✿
