jquery权威指南——jquery简介

2019-04-02  本文已影响0人  青木川_

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的标志

事件操作链接式书写

链式写法
上一篇下一篇

猜你喜欢

热点阅读