jQuery

jQuery介绍

JS代码一般来说会有一些“问题”：兼容性问题，代码重复，DOM提供的方法名太长.难记，代码容错性较差，入口函数只能有一个，多个的话后面的会覆盖前面的，而jQuery能有效解决上述问题

jQuery其实就是一个JS库，把JS常用的方法封装到一个单独的文件中，要用的时候直接引入文件调用，使用jQuery的话，会比使用JavaScript更简单。

jQuery里面引入事件名不用加on，学jQuery主要就是学习他的API（application programming interface）,方法调用的时候，都带小括号(),使用jQuery的方法的时候，不要忘了小括号。

使用jQuery包括以下三个步骤：

引包（引入jQuery文件）

<script src="jquery-3.1.0.js"></script>

入口函数

$(document).ready(function){

};

功能实现

$("#btnShowDiv").click(function () {
    $("div").show(1000);
});
jQuery有三个大版本

大版本：
    1.x  (1.1-1.12)  ie 6/7/8 支持的

    2.x  (2.1-2.12)  不支持ie 678

    3.x              不支持ie 678

小版本：
    每个大版本又分两个小版本：
    compressed(压缩版):   将变量名尽可能的变为单个字母，把注释和换行空格，全部干掉 用以减小体积
    uncompressed(未压缩版):  注释全部保留，变量名尽可能的语义化

    根据小版本体积大小不同，使用环境不同
    项目上线，使用压缩版
    开发过程当中使用未压缩版

扩展：
    3.x之后的版本，出现一个 slim 版 削减版
    移除了 effects ajax 模块

jQuery引包常见问题：

1.在使用前未引包        浏览器会报错  $ is not defind

2.引包的顺序要写对，在使用之前先引包，否则浏览器会报错 $ is not defind

3.引包的路径要写对，小小写错字母，可以复制粘贴

jQuery的入口函数有两种：

1.$(document).ready(function(){

　　　　});

2.$(function(){});

两种写法本质上没有区别，jQuery的函数比JS的函数先执行，因为jQuery的入口函数不会等待图片等资源的加载完成，只等待文档树的加载完成，而JS的入口函数需要等它们加载完成

$的本质是：可以使用typeof关键字来观察$的本质,因此可以得出结论，$其实就是一个函数。只是根据所给参数不同，这个函数的功能会有所不同。

$(selector)选择器

$(domObj)将dom对象转换成jQuery对象

$(function)入口函数的第二种写法

$===jQuery

jQuery对象和DOM对象
    DOM对象：js方法获取的元素就是dom对象
    jQuery对象：jQuery方法获取的元素就是jQuery对象

jQuery对象就是DOM对象的包装集 （伪数组）

jQuery对象转dom对象
    jQueryObj[index]
    jQueryObj.get(index)

dom对象转jQuery对象  
    $(domObj)

jQuery选择器
    基本选择器
        $(".className")  类选择器
        $("#id")  id选择器
        $("tagName") 标签选择器
        $("selector1,selector2")  并集选择器
        $("selector1selector2") 交集选择器
    层级选择器
        后代
            $("selector1 selector2")
        子代
            $("selector1>selector2")
    过滤选择器
         //格式：$("selector:filter")

        odd   $("selector:odd")  奇数过滤选择器
        even  $("selector:even")  偶数过滤选择器
        eq(index)  $("selector:eq(index)")  序号过滤选择器
    筛选选择器
        筛选选择器全都是方法
        children(selector)
        find(selector)
        next()
        siblings(selector)
        parent()
        eq(index)

JavaScript是一门编程语言，jQuery是用JavaScript实现的一个JavaScript库，目的是简化我们的开发。（联想记忆：不能扛着洗衣机去出差）