1.1 简介
jQuery,顾名思义,也就是JavaScript和查询(Query),即是辅助JavaScript开发的库。jQuery是一个快速、简洁的JavaScript框架,能够兼容各种浏览器,核心理念是write less,do more(写得更少,做得更多)。jQuery封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。jQuery让用户能更方便地处理HTML(标准通用标记语言下的一个应用)、events、实现动画效果,并且方便地为网站提供AJAX交互。jQuery能够让用户的html页面保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需要定义id即可。
jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。
jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
可以参考jQuery API文档:http://jquery.cuishifeng.cn/index.html 点击打开链接
在企业日常开发中,原生的JavaScript使用得是比较少的,更多的是在使用jQuery。
1.2 jQuery的导入和获取对象
Jquery它是一个库(框架),要想使用它,必须先引入!!!
jquery-1.8.3.js: 一般用于学习阶段。
jquery-1.8.3.min.js:一般用于项目使用阶段
范例一,jQuery的导入。代码如下:
jquery入门
范例二,jQuery获取对象。代码如下:
JQ的获取
1.3 jQuery与JavaScript页面加载的区别
jQuery提供ready()方法,用于页面成功加载后执行。与window.onload()方法作用相似。 jQuery与JavaScript页面加载是有区别的。
1) 传统的JS方式页面加载会存在覆盖问题,jQuery不存在覆盖问题,加载的时候是顺序执行。
2) 传统的JS方式页面加载,要等整个页面加载完毕(包括里面的其它内容,比如图片)才加载,慢。jQuery的加载,当整个dom树结构绘制完毕就会加载,速度快。
JavaScript与jQuery页面加载的区别
整个页面加载完毕<包括里面的其它内容,比如图片>)
window.onload = function(){
alert("老王");
}
//JQ的加载比JS加载要快!(当整个dom树结构绘制完毕就会加载)
jQuery(document).ready(function(){
alert("李四");
});
//JQ不存在覆盖问题,加载的时候是顺序执行
$(document).ready(function(){
alert("王五");
});
//简写方式
$(function(){
alert("汾九");
});