jQuery初步介绍

jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。

jQuery是目前使用最广泛的javascript函数库。据统计，全世界排名前100万的网站，有46%使用jQuery，远远超过其他库。微软公司甚至把jQuery作为他们的官方库。

jQuery的版本分为1.x系列和2.x、3.x系列，1.x系列兼容低版本的浏览器，2.x、3.x系列放弃支持低版本浏览器

jquery是一个函数库，一个js文件，页面用script标签引入这个js文件就可以使用。

<script type="text/javascript" src="js/jquery-3.3.1.js"></script>

jquery的口号和愿望 Write Less, Do More（写得少，做得多）

1、http://jquery.com/ 官方网站

2、https://code.jquery.com/ 版本下载

 

将获取元素的语句写到页面头部，会因为元素还没有加载而出错，jquery提供了ready方法解决这个问题，它的速度比原生的 window.onload 更快。

        window.onload = function () {
         console.log("这是js的入口函数");
        };
        $(document).ready(function () {
            console.log("这是jquery入口函数的第一种写法");
        });

        $(function () {
            console.log("这是jquery入口函数的第二种写法");
        });

1.什么是Dom对象(js对象)？
使用js的方式获取到的元素就是js对象

2.什么是jQuery对象？
使用jq的方式获取到的元素就是jq对象

3.jq对象和js对象的区别
JS对象，是一个名值对的无序集合。
jquery对象，是jquery特有的对象，只有调用jquery框架才存在。其实jquery对象，也是一种js对象。
jquery对象和js对象可以相互转换，例如
$("#div").get(),即可以把一个jquery对象转换为js对象。
js对象上的方法，不能直接用在jquery对象上，如果一定要给jquery对象使用js对象的方法，必须把jquery对象转换为js对象。jquery对象，则可以随意使用jquery定义的方法。

4.jq对象与js对象之间的转换
1） js转jQuery对象： $(js对象)

2)jQuery对象转js对象

var doc2=$("#idDoc2")[0];
//转换jQuery对象为DOM对象
doc2.innerHTML="这是jQuery的第一个DOM对象"
//使用jQuery对象本身提供的get函数来返回指定集合位置的DOM对象
var doc2=$("#idDoc2").get(0);
doc2.innerHTML="这是jQuery的第二个DOM对象"