jQuery于js的区别和联系

一.什么是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对象)