1、什么是JQuery?
它是js的一个框架,它是开源的项目。对底层的js进行封装,我们通过js框架就可以快速的完成DOM
对元素的增删改查操作,并提供了动画功能。jquery对外提供api让开发者去开发jquery
插件(就是一个功能模块,用户只要做一些简单的配置就完成复杂的功能)。jquery目前
是比较流行的一个JQuery框架。(宗旨:写得少,做的多)。
2、JQuery特点:
轻量级
强大的选择器
出色的DOM封装
可靠的事件处理机制
完善的Ajax
出色的浏览器兼容性
丰富的插件支持
完善的文档
支持链式操作
3、JQuery的环境配置
1)官网:http://www.jquery.com
2)去下载jquery库文件:
通常有两个版本:
*未压缩版本:--用在开发和调试。(我们下载此版本)
*压缩版本:--产品发布的时候使用,可以提高性能和减少带宽
4、在html页面中如何使用jQuery?
使用<script src="jquery.js" type="text/javascript"></script>引入
5、在<script></script>内编写jquery脚本
/*当文档解析完毕好以后去执行一个函数*/
/* jQuery(document).ready(function(){
alert("hello,jQuery");
});*/
/* $(document).ready(function(){
alert("hello,jQuery");
})*/
$(function(){
alert("hello,jQuery");
})
注意:jQuery可以使用$符号作为别名。
强调:和window.οnlοad=function(){}区别?
*加载时机不同,$(function(){})优先于window.οnlοad=function(){}先执行
*执行的次数不同,window.οnlοad=function(){}只会执行最后一个绑定的函数。
$(function(){})可以绑定多个函数来分别执行。
6、JQuery对象和DOM对象之间的关系,他们之间如何去转换?
*使用DOM方法来查询得到的结果是DOM对象,它只能访问DOM对象中所提供的属性和方法。
*使用JQuery查询得到的结果是Jquery对象,它只能访问jQuery对象中所提供的属性和方法。
也就是说JQuery对象不能调用DOM对象的属性和方法,反之也一样。
注意:养成一个良好的书写习惯,JQuery对象的变量名最好以$开头。
记住:JQuery查询出来的结果是一个对象数组,就算根据id来进行查询就是返回的是一个对象数组。
数组内存放的是DOM对象。
*JQuery对象转换成DOM对象,通过[下标]就可以转,或者get(下标)方法来取出数据就是DOM对象
*DOM对象转换成JQuery对象,通过$()工厂函数就可以了,把DOM对象作为参数传给$()函数,那么
就把DOM对象转换成了JQuery对象。