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文件就可以使用。

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对象"    

 

你可能感兴趣的:(jQuery初步介绍)