jquery是一个集JavaScript,css,DOM,Ajax于一体强大框架体系。他的主旨是更少的代码,实现 更多的功能。
jquery基本功能
1.访问和操作DOM元素。使用jquery库,可以方便获取和修改页面的元素。无论是删除,移动,还是复制某元素。
2.控制页面样式。jquery可以快捷的控制页面上的css文件。浏览器对页面文件兼容性一直以来是页面最头痛的事情,使用jquery操作页面样式,可以很好的解决兼容性。
3.对页面的事件进行处理。
4.大量插件在页面上的使用。
5.与ajax技术的完美结合。ajax异步读取服务器数据的方法,极大方便了程序的开发。
搭建jquery开发环境
jquery是一个完整的javascript文件库,因此搭建jquery开发环境是十分简单的,无需安装任何文件,只需要将文件库引入head里面即可。
引入jquery文件库
<script type='text/javascript' src='jquery.min.js'></script>
例子编写第一个jquery程序
$(documnet).ready(function(){//程序段})
window.onload=function(){//程序段}
上面两断代码都是加载,他们的区别是:
执行时间不同,第一个是加载完框架之后之后执行,window.onload必须在页面全部加载完毕,包括图片下载完成才执行,所以前者效率高于后者。
执行数量不同,$(documnet).ready可以重复多个,并且每次执行结果不同,而window.onload仅输出最后一次执行结果。
$(documnet).ready(function(){//程序段})可以简写为$(function(){//程序段})
jquery程序的代码风格
$符号,他是jquery的标志
链式写法事件操作链接式书写
网友评论