文章分类 -  11_jQuery

摘要:插件主要的方法:ajaxFormajaxSubmitformToArrayformSerializefieldSerializefieldValueclearFormclearFieldsresetForm示例代码:1$(document).ready(function() {2// bind 'm... 阅读全文
posted @ 2014-11-25 15:41 阳光小屋 阅读(8516) 评论(0) 推荐(0)
摘要:jQuery实现图片延迟加载,不知道是否可以节省带宽呢?有人知道吗?这究竟只是一个视觉特效还是真的能延迟加载减少服务器的请求呢?其中img是延迟加载所有图片,也可以根据不同模板作相应改动,比如我这个主题,可以改成#postimg,这样只延迟加载#post容器内的图片,否则可能影响到侧边图片的加载,主... 阅读全文
posted @ 2014-11-25 12:27 阳光小屋 阅读(204) 评论(0) 推荐(0)
摘要:jQuery校验一导入js库二、默认校验规则(1)required:true 必输字段(2)remote:"check.php" 使用ajax方法调用check.php验证输入值(3)email:true 必须输入正确格式的电子邮件(4)url:true 必须输入正确格式的网址(5)date:tru... 阅读全文
posted @ 2014-11-11 21:25 阳光小屋 阅读(153) 评论(0) 推荐(0)
摘要:名称返回类型描述validate(options)返回:Validator验证所选的FORMvalid()返回:Boolean检查是否验证通过rules()返回:Options返回元素的验证规则rules("add",rules)返回:Options增加验证规则rules("remove",rule... 阅读全文
posted @ 2014-11-11 21:24 阳光小屋 阅读(151) 评论(0) 推荐(0)
摘要:首先声明一下,这个标题是不准确的,不准确的原因是,查了很多资料也没发现validate验证框架是支持分组验证,当然也看了部分他的源码,如果哪位知道它支持分组验证功能,请不吝赐教。 分组验证的应用场景是这样的:一张表单中有多于一个的提交按钮,也就是说不只一个提交按钮,例如,点“按钮1”我可以验证文“本... 阅读全文
posted @ 2014-11-11 21:18 阳光小屋 阅读(581) 评论(0) 推荐(0)
摘要:验证操作类formValidatorClass.js1/**//** * @author ming */ 4$(document).ready(function(){ 6/**//* 设置默认属性 */ 7$.validator.setDef... 阅读全文
posted @ 2014-10-15 20:58 阳光小屋 阅读(223) 评论(0) 推荐(0)
摘要:获取页面某一元素的绝对X,Y坐标,可以用offset()方法:var X = $('#DivID').offset().top;var Y = $('#DivID').offset().left;获取相对(父元素)位置:var X = $('#DivID').position().top;var Y... 阅读全文
posted @ 2014-09-30 16:00 阳光小屋 阅读(222) 评论(0) 推荐(0)
摘要:调用plot函数的方法如下:var plot = $.plot(placeholder, data, options)其中placeholder可以是JQuery的对象,DOM元素或者JQuery的表达示,要把完成的图放到这个位置上。placeholder要有宽度和高度。因为plot会修改place... 阅读全文
posted @ 2014-08-05 17:27 阳光小屋 阅读(414) 评论(0) 推荐(0)
摘要:什么是正则表达式?这个问题可以参见:“正则表达式30分钟入门教程”,很多编程语言都支持正则表达式,本文仅仅讨论JavaScript中的正则表达式。创建一个正则表达式第一种方法:var reg = /pattern/;第二种方法:var reg = new RegExp('pattern');正则表... 阅读全文
posted @ 2014-07-23 14:26 阳光小屋 阅读(136) 评论(0) 推荐(0)
摘要:如果用户正在页面执行比较重要的操作,如写博客,上传文件,此时,如果点其他链接、地址栏输入新地址或刷新页面时,应该给用户提示,确认是否离开当前页面,用JavaScript可轻松完成。以下是微软官方给出的JS示例,经测试Firefox和Chrome运行正常:var is_uploading = fals... 阅读全文
posted @ 2014-07-23 14:17 阳光小屋 阅读(200) 评论(0) 推荐(0)
摘要:JavaScript是一种非常强大的函数式编程语言,可以动态创建函数对象。由于JavaScript还支持闭包(Closure),因此,函数可以引用其作用域外的变量,非常强大。来看看在JavaScript中使用闭包的陷阱:var tasks = [];for (var i=0; i>> ' + i);... 阅读全文
posted @ 2014-07-23 14:05 阳光小屋 阅读(127) 评论(0) 推荐(0)
摘要:http://www.cookseo.com/blog/web/ThickBox/前几天写了一篇关于ThickBox 3.1的文章:[ThickBox 3.1完美修正版下载],今天在使用这个东西的时候发现里面有许多参数没有详细解释,今天抽空整理出来,现和大家分享一下:先说几个参数:class="th... 阅读全文
posted @ 2014-07-21 14:13 阳光小屋 阅读(150) 评论(0) 推荐(0)
摘要:在backbone.js的学习过程中,被bind和bindAll弄得有点晕,这里包括underscore.js的bind和bindAll,以及JQuery提供的bind方法。在一篇En博客中学习,写下这篇笔记1、首先说熟悉的JQuery的bind,引用api帮助文件的内容即可很清晰地理解其使用意义和... 阅读全文
posted @ 2014-07-18 13:24 阳光小屋 阅读(197) 评论(0) 推荐(0)
摘要:call 方法 请参阅 应用于:Function 对象 要求 版本 5.5 调用一个对象的一个方法,以另一个对象替换当前对象。 call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 参数 thisObj 可选项。将被用作当前对象的对象。 arg1, arg2, , a... 阅读全文
posted @ 2014-07-16 17:07 阳光小屋 阅读(240) 评论(0) 推荐(0)
摘要:编程世界里只存在两种基本元素,一个是数据,一个是代码。编程世界就是在数据和代码千丝万缕的纠缠中呈现出无限的生机和活力。数据天生就是文静的,总想保持自己固有的本色;而代码却天生活泼,总想改变这个世界。你看,数据代码间的关系与物质能量间的关系有着惊人的相似。数据也是有惯性的,如果没有代码来施加外力,她总... 阅读全文
posted @ 2014-07-16 16:29 阳光小屋 阅读(104) 评论(0) 推荐(0)
摘要:Query的extend扩展方法: Jquery的扩展方法extend是我们在写插件的过程中常用的方法,该方法有一些重载原型,在此,我们一起去了解了解。 一、Jquery的扩展方法原型是: 复制代码 代码如下: extend(dest,src1,src2,src3...); 它的含义是将sr... 阅读全文
posted @ 2014-07-16 16:22 阳光小屋 阅读(140) 评论(0) 推荐(0)
摘要:代码如下:(function(){ //这里忽略jQuery所有实现 })(); (function(){ //这里忽略jQuery所有实现 })(); 半年前初次接触jQuery的时候,我也像其他人一样很兴奋地想看看源码是什么样的。然而,在看到源码的第一眼,我就迷糊了。为什么只有一个匿 名函数... 阅读全文
posted @ 2014-07-16 15:48 阳光小屋 阅读(163) 评论(0) 推荐(0)
摘要:Jquery mobile框架使用html5的 data- 属性来使初始化标记和配置组件。这些属性全部都是可选的,并且支持手动调用插件。为了避免命名上的和与其他也使用html5的 data- 属性插件与框架的冲突,可以使用全局设置来自定义命名空间。按钮通过data-role="button"来标记按... 阅读全文
posted @ 2014-05-16 16:15 阳光小屋 阅读(285) 评论(0) 推荐(0)
摘要:ECMAScript 6 and Spread Operator 展开操作符。把数组转换成连续的参数。ECMAScript 6 and Rest Parameter 可变参数。处理可变数目的函数参数。ECMAScript 6 and Object Literal Property Value Sho... 阅读全文
posted @ 2014-05-14 20:59 阳光小屋 阅读(105) 评论(0) 推荐(0)
摘要:一、关于var spot={} 和var spot= function(){} 的区别var dog={}相当于创建一个空的Object对象:var dog = new Object()下面这种定义方式:Js代码varDog=function(name){this.name=name}相当于定义一个... 阅读全文
posted @ 2014-05-13 23:02 阳光小屋 阅读(225) 评论(0) 推荐(0)