JQuery知识学习总结（一）

1.jQuery概述

1.1JavaScript库

          JavaScript库：即library，是一个封装好的特定集合（方法和函数）

          简单理解：就是一js文件，里面对我们原生js代码进行了封装，存放到里面。

1.2jQuery的概念

          jQuery是一个快速，简洁的JavaScript库，其设计的宗旨是提倡写更少的代码，做更多事情。

jQuery的优点：

        （1）轻量级（核心文件才几十KB，不影响页面加载速度）

        （2）跨浏览器兼容

        （3）链式编程，隐式迭代

        （4）对事件，样式，动画支持，简化了DOM操作

        （5）支持插件扩展开发，有着丰富的第三方插件

        （6)免费，开源

2.jQuery基本使用

        2.1jQuery下载，引用

                有大佬整理好了，点击下方传送门：

​​​​​http://t.csdn.cn/NmUwGhttp://t.csdn.cn/NmUwG

2.3jQuery入口函数

作用:(1)等DOM结构渲染完毕即可内部代码

      （2）相当于原生js的DOMContenLoaded

有两种方式：

        1.

$(function(){
    //内容
    });

        2.

$(document).ready(function(){
    //内容
})

2.4jQuery的顶级对象“$”

        1.$ 是jQuery的别称，可以用jQuery代替 “$” 通常用 "$"

jQuery(function(){
    //内容
});
//和下面的意思一样
$(function(){
    //内容
});

        2.$ 是jQuery的顶级对象，相当于原生JavaScript中的window

                （把元素利用 $ 包装成jQuery对象，就可以调用jQuery的方法）

2.5DOM对象与jQuery对象

        1.DOM对象：用原生js获得过来的对象就是DOM对象

例：var myDiv = document.querselector('div');

        2.jQuery对象：用jQuery方式获取过来的对象是jQuery对象

例：$ （'div');

        3.jQuery对象只能使用jQuery方法，Dom对象只能使用原生js属性和方法

        4.jQuery对象的本质是：利用$对DOM对象包装后产生的对象（伪数组形式存储）

2.6DOM对象与jQuery对象之间是可以相互转换的

        因为原生js比jQuery更大，原生的一些属性和方法jQuery没有给我们封装，要想使用这些属性和方法需要把jQuery对象转换为DOM对象才能使用。

        （一）DOM对象转换为jQuery对象

$ （DOM对象）//如果里面已是对象则不加引号

        （二）jQuery对象转换为DOM对象（两种方式）

1.

$('div')[索引号]

2.

$('div').get[索引号]

//为什么是索引号？因为jQuery对象是一种伪数组的形式

                                                        下一篇：jQuery常用API