设为首页 加入收藏

TOP

jQuery入门——进度条(一)
2015-07-16 12:54:52 来源: 作者: 【 】 浏览:37
Tags:jQuery 入门 进度

越来越觉得常规java script已经跟不上节奏了,打算学点进阶的,从JQuery学起。


JQuery是一个java script库,可以从JQuery.com下载,放到本地,用


<script src="jquery.js">


语句来引用。如果不想下载jquery,可以引用web上的jquery库,从google或微软的服务器上引用他们的jquery库。


引用google的jquery库:


?<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js">


引用微软的jquery库:


<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js">


推荐引用google或者微软的jquery库。许多用户在访问其他站点时,已经从谷歌或微软加载过 jQuery。所以结果是,当他们访问您的站点时,会从缓存中加载 jQuery,这样可以减少加载时间。同时,大多数 CDN 都可以确保当用户向其请求文件时,会从离用户最近的服务器上返回响应,这样也可以提高加载速度。


所有的JQuery函数都位于一个 document ready 函数中


$(document).ready(function(){
--- jQuery functions go here ----
});


这是为了防止文档在完全加载(就绪)之前运行 jQuery 代码。如果在文档没有完全加载之前就运行函数,操作可能失败。


Jquery选择器就不讲了。两个要注意的地方都说完了,下面演示一个实例,我把以前用常规java script写的进度条用jquery有重新写了一遍,虽说用的知识点都很简单,但写出来也费了我一番心思的,因为有些东西和常规java script还是不一样,这个放在代码后面说。下面是进度条完整代码。






JQuery之进度条







?


0%













这次主要花了些时间在实现百分值的增长上,因为要用到setTimeout()函数,在jquery中,setTimeout(code,delay)里面的code如果是函数的话只要填函数名就行了,不需要引号,不需要括号。比如,有一个function show(),设置500ms后调用show(),在jquery中应该这样写:


setTimeout(show, 500);


而在传统java script里面却要这样写:


setTimeout("show()", 500);


这一点对于setInterval()也是一样的。


------------------------------------------分割线------

首页 上一页 1 2 下一页 尾页 1/2/2
】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
分享到: 
上一篇Node.js表单——formidable 下一篇Python对象

评论

帐  号: 密码: (新用户注册)
验 证 码:
表  情:
内  容: