Tag Archives: Jquery

jquery的$.getJSON或$.get缓存的解决办法

做了可口可乐的一个宣传项目,用到很多ajax,结果忽然发现,在某些二流浏览器里,js缓存很严重。 于是在getJSON中加了个随机数 如$.getJSON(“aaaa.php”,{r=Date().getTime()},function(){……}); 这样每次请求的时候,就都会变一个地址,就不存在js缓存了。

Posted in 前端设计 | Tagged , | Leave a comment

jquery validation表单验证插件

一、用前必备 官方网站:http://bassistance.de/jquery-plugins/jquery-plugin-validation/ API: http://jquery.bassistance.de/api-browser/plugins.html 当前版本:1.6 需要JQuery版本:1.2.6+, 兼容 1.3.2 <script src="../js/jquery.js" type="text/javascript"></script> <script src="../js/jquery.validate.js" type="text/javascript"></script> 二、默认校验规则 (1)required:true               必输字段 (2)remote:"check.php"          使用ajax方法调用check.php验证输入值 (3)email:true                  必须输入正确格式的电子邮件 (4)url:true                    必须输入正确格式的网址 (5)date:true                   必须输入正确格式的日期 (6)dateISO:true                必须输入正确格式的日期(ISO),例如:2009-06-23,1998/01/22 只验证格式,不验证有效性 (7)number:true                 必须输入合法的数字(负数,小数) (8)digits:true                 必须输入整数 (9)creditcard:                 必须输入合法的信用卡号 (10)equalTo:"#field"           输入值必须和#field相同 (11)accept:                    输入拥有合法后缀名的字符串(上传文件的后缀) (12)maxlength:5                输入长度最多是5的字符串(汉字算一个字符) … Continue reading

Posted in 前端设计 | Tagged , , , | 1 Comment

利用jQuery的object对象调用 获取selected,checked,text等表单值

开发过程中经常要处理页面表单元素,如:在下拉框select中获取selected的value值,在复选框checkBox中获取checked的value值等,来触发和调用其它页面表单元素,制作出交互性强,页面友好的表单。jQuery通过元素$(#id)产生一个Object对象,通过对获取的对象深入了解,完全可以获取任何页面元素中的任何信息,为了工作方便,我总结了相关jQuery操作object对象的方法,获取下拉框selected,复选框和单选框checked,文本框value值,供参考。 表单实例: 一,html部分

Posted in 前端设计 | Tagged | Leave a comment

google AJAX库API

什么是 AJAX 库 API? AJAX 库 API 是一种内容分布网络,可载入最受欢迎的开源 JavaScript 库的架构。通过使用 Google AJAX API 载入程序的 google.load() 方法,您的应用程序能够迅速从全球任何位置访问不断增长的、最受欢迎的开源 JavaScript 库列表,包括: jQuery jQuery UI Prototype script.aculo.us MooTools Dojo SWFObject新增! Yahoo! 用户界面库 (YUI)新增! Google 直接与关键相关人员配合来维护每个库的利益,并在最新稳定版本发布时接受这些版本。一旦我们托管给定库的版本,我们承诺无限期地托管该版本。 AJAX 库 API 在使用库集合的同时消除了用 JavaScript 开发混搭的不便之处。我们消除了托管库的不便之处、正确地设置缓存标头、与最新错误修正日期保持一致等。

Posted in 前端设计 | Tagged , , | Leave a comment

jquery之一个引号引发的惨案

今天做一个效果,一直在firefox下调试,一点问题都没有,可是到IE下却怎么着都不显示变化了。 我用了一个append向一个表格追加内容,然后用 $("#xtable").fadeIn(“1000”); 缓显出来,可是在firefox和google chrom都没有问题,就是IE(版本8)就是愣是显示不出来,没有相关的调试插件,也不知道数据更新了没有。开始一直以为是数据没追加过去呢。 后来看了看jquery手册,发现它用自定义时间的时候,没有双引号,仅仅是诸如"slow"这种默认时间效果的情况下才有双引号,于是我去掉了自定义时间上的双引号,变成: $("#xtable").fadeIn(1000); 问题解决了,一个引号害的我费了半个小时的劲调试。。。

Posted in 前端设计 | Tagged , | Leave a comment

jquery效果中加入setTimeout

在jquery效果中,我们可能经常需要在各个效果之间加入一个时间等待。如某个div显示出来,隔几秒之后再隐藏。 jquery官方网站中有一个非常好的例子。 在你的js文件中添加如下代码: $.fn.wait = function(time, type) { time = time || 1000; type = type || "fx"; return this.queue(type, function() { var self = this; setTimeout(function() { $(self).dequeue(); }, time); }); }; 具体用法是,.wait( [time], [type] ) 第一个参数是时间,默认是1000毫秒。 第二个参数是类型,默认是fx即动画效果 function … Continue reading

Posted in 前端设计 | Tagged | 1 Comment

代朋友发招聘:web前端设计

主要工作: 网站页面原稿设计 基本要求: 具有较强作图能力,有过 Web 页面设计经验,了解用户体验。 优先选择: 熟悉 HTML DOM; 熟悉 W3C 标准及各个平台和浏览器对于各个 CSS 版本的处理特性; 熟悉用 jQuery 框架; 熟悉 Flash; 福利待遇: 3-4k+ (税后, 三险一金公司交, 每逢佳节发过节费) 办公地点: 深圳福田区金中环 有意者发送作品(必须)和价格至 explon[a]gmail.com 详谈。

Posted in 前端设计 | Tagged , , | Leave a comment

八款Js框架介绍及比较

Js框架介绍 目前来看,JS框架以及一些开发包和库类有如下几个,Dojo 、Scriptaculous 、Prototype 、yui-ext 、Jquery 、Mochikit、mootools 、moo.fx Dojo (JS library and UI component ): Dojo是目前最为强大的j s框架,它在自己的Wiki上给自己下了一个定义,dojo是一个用JavaScript编写的开源的DHTML工具箱。dojo很想做一个“大一统”的工具箱,不仅仅是浏览器层面的,野心还是很大的。Dojo包括ajax, browser, event, widget等跨浏览器API,包括了JS本身的语言扩展,以及各个方面的工具类库,和比较完善的UI组件库,也被广泛 应用在很多项目中,他的UI组件的特点是通过给html标签增加tag的方式进行扩展,而不是通过写JS来生成,dojo的API模仿Java类库的组织方式。 用dojo写Web OS可谓非常方便。dojo现在已经4.0了,dojo强大的地方在于界面和特效的封装,可以让开发者快速构建一些兼容标准的界面。 优点:库相当完善,发展时间也比较长,功能强大,据说利用dojo的io.bind()可以实现comet,看见其功能强大非一般,得到IBM和SUN的支持 缺点:文件体积比较大,200多KB,初次下载相当慢,此外,dojo的类库使用显得不是那么易用,j s语法增强方面不如prototype。 Prototype (JS OO library): 是一个非常优雅的JS库,定义了JS的面向对象扩展,DOM操作API,事件等等,以prototype为核心,形成了一个外围的各种各样 的JS扩展库,是相当有前途的JS底层框架,值得推荐,感觉也是现实中应用最广的库类(RoR集成的AJAX JS库),之上还有 Scriptaculous 实现一些JS组件功能和效果。 优点:基本底层,易学易用,甚至是其他一些js特效开发包的底层,体积算是最小的了。 缺点:如果说缺点,可能就是功能是他的弱项 Scriptaculous (JS UI … Continue reading

Posted in 前端设计 | Tagged , , | Leave a comment