一.什么是jQuery
jQuery 是 js 的一个库，封装了我们开发过程中常用的一些功能，方便我们调用，提高开发效率。
js库是把我们常用的功能放到一个单独的文件中，我们用的时候，直接引用到页面里即可。jQuery的核心思想为"write less,do more!"
jQuery通过易于使用的API在大量浏览器中运行,使得HTML文档遍历和操作,事件处理,动画和Ajax更加简单.jQuery通过多功能性和可扩展性的结合,改变了数百万人编写JavaScript的方式.
二.jQuery的下载
https://www.bootcdn.cn/jquery/
三.jQuery和js的区别
Javascript包含jQuery
jQuery只是封装文档遍历和操作,事件处理,动画和Ajax.
四.jQuery在HTML中的引入
<meta charset="UTF-8">
<title>Title</title>
<script src="./js/jquery.js"></script>
注意在引用时添加入口函数不能使用window.onload,因为它存在事件覆盖的现象 :
window.onload = function () {
alert(1)
}
window.onload = function () {
alert(2)
}
//只会显示2框
使用下面方法可以成功引入jQuery :
$(document).ready(function () {
console.log($);
})
或者
$(function () {
console.log($);
})
五.jQuery和js对象的关系
jsDOM对象 === jQuery对象
console.log($('button').get(0) === this);
//True
jsDom对象和jQuery对象的相互转换
jQuery对象转js对象 :
var doc2=$("#idDoc2")[0];
转换jQuery对象为DOM对象
doc2.innerHTML="这是jQuery的第一个DOM对象"
使用jQuery对象本身提供的get函数来返回指定集合位置的DOM对象
var doc2=$("#idDoc2").get(0);
doc2.innerHTML="这是jQuery的第二个DOM对象" js对象转jquery对象 :
$(js对象)