JQuery

Posted 2020-10-13 咕噜噜zmj

一、简介：

　　JQuery是一套跨浏览器的javascript库，所谓JavaScript库（也可以叫做JavaScript框架），就是将JavaScript中的一些常用函数，对象封装成一个js文件，方便重复调用，可以简化html与JavaScript之间的操作，基本解决了在不同浏览器中的兼容性问题。

　　1、好处：

　　　　　　简化JS操作；不需要关心兼容性；提供了大量实用方法

　　2、JQuery的使用：

　　　　　　 jQuery实际上就是一个js文件，只需要在网页中引入这个文件就可以使用

　　　　　　在开发测试过程中，使用未压缩版本：jquery-1.7.2.js

　　　　　　在上线项目中，使用压缩后的版本：jquery-1.7.2.min.js

　　3、jQuery的核心函数

　　　　　　$在JQuery中被称为JQuery的核心函数，$就是JQuery，也就是一个函数

　　4、$的4个作用：

　　　　　　　　$(function(){  })          等同于window.onload=function(){     };，它会在文档加载完成之后运行

　　　　　　　　$("html字符串")        根据这个字符串创建元素节点对象

　　　　　　　　$("选择器")               根据选择器查找元素节点对象

　　　　　　　　$(DOM对象)             将DOM对象包装为jQuery对象

　　5、jQuery对象

　　　　①DOM对象： 通过原生JS获取的对象是DOM对象
　　　　②jQuery对象： 通过jQuery核心函数包装过的对象叫做jQuery对象
　　　　③比较： 两种对象之间不能互相调用对方的方法
　　　　　　　　jQuery对象命名时习惯加上$,加以区分。
　　　　④转换
　　　　　　　　DOM --> jQuery
　　　　　　　　　　　　var $jQuery对象=$(DOM对象);      如：var $btn=$(btnEle);
　　　　　　　　jQuery --> DOM
　　　　　　　　　　　　使用数组下标：jQuery对象[索引]：       如：var  btnEle=$btn[0];

　　　　　　　　　　　　使用get(index)方法：   var btnEle=$btn.get(0)
　　　　jQuery对象的本质就是DOM对象的数组，所以可以通过给对象加下标的形式获取数组中的DOM对象