JQuery一

JQuery入门

JQuery是一个JavaScript库，封装了javascript常用的功能代码，为了更快速方便的操作DOM。

1. jQuery基本使用

原生js如果想把script标签写到div的上面，需要通过窗口加载事件load或者DOMContentLoaded，那么JQuery呢？

2. JQuery入口函数

就相当于原生js的DOMContentLoaded，等DOM结构渲染完毕，不需要等所有外部资源加载完成就可以执行function。

$(function() {});

3. JQuery顶级对象$

注意：

• $是jQuery的别称，可以互为替代，但是为了方便还是用$
• $是jQuery的顶级对象，相当于原生js的window
• 用$包装元素成jQuery对象，就可以调用jQuery方法。

4. JQuery对象和DOM对象的区别

JQuery对象是用jQuery方法获取来的对象

DOM对象是用原生JS获取来的对象

但是jQuery对象的本质是：利用$对DOM元素进行包装，以伪数组形式存储。

5. DOM对象和JQuery对象的相互转换

因为jQuery只封装了原生js中的最常用的那部分属性和方法，所以如果想要使用剩下没被封装的，还需要进行转换。

1. DOM对象 -> JQuery对象： $(DOM对象)

2. JQuery对象 -> DOM对象：用伪数组方式调用

   $(‘div’)[index]