随笔分类 - jQuery
摘要：计算字符-Demo1最多10个字写法2：计算字符-Demo1最多10个字
阅读全文
摘要：(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: 必须输入合法的信用卡号(
阅读全文
摘要：jQuery.validator.addMethod添加自定义的验证规则addMethod：name, method, message简单实例：单个验证的添加validate.js拓展验证validate.expand.jsjQuery.validator.addMethod("isZipCode", function(value, element) { var tel = /^[0-9]{6}$/; return this.optional(element) || (tel.test(value));}, "请正确填写您的邮政编码");多个验证方法添加
阅读全文
摘要：jquery.validate.js插件里面的样式设置：...errorClass: "error",validClass: "valid",...
阅读全文
摘要：方法一：var $j=JQuery.noConflict(); $j('#msg').hide();//此处$j就代表JQuery 方法二：JQuery.noConflict(); JQuery(document).ready(function($){$('#msg').hide();//此时在整个ready事件的方法中使用的$都是jquery.js中定义的$. });
阅读全文
摘要：使用：var people1 = { apple: 0, banana: { weight: 52, price: 100 }, age: 97};var people2 = { banana: { price: 200 }, age: 100};jQuery.extend(people1,people2);//或$.extend(people1,people2););//或var c=$.extend(people1,people2););people1的内容变为：{apple:0,banana{price:200},age:100}
阅读全文
摘要：jquery.validate是jquery的一个验证框架，可以迅速验证一些常见的输入,并且可以自己扩充自己的验证方法!这里先从介绍简单的使用方法：jquery.validate.js下载地址1、导入js库js库+jquery.validate.js2、 验证表单：姓名：邮箱：3、执行：4、拓展验证：jquery.validate.js里面的message有什么验证内容type和name值改成相应的值，如：下面的date 5、修改验证提示：引入messages_cn.js：jQuery.extend(jQuery.validator.messages, { required: "必选
阅读全文
摘要：注意：ZeroClipboard在本地测试无法直接使用，必须在服务器上测试,如http://localhost... 准备：ZeroClipboard.swf 和 ZeroClipboard.js 小示例：单用 下载Demo>>>>>>>>> 通用版： jq：zclip复制 ZeroClipboar
阅读全文
摘要：手机验证：/^((0{0,1}1[3458]{1}[0-9]{9})|((00852)?[96]{1}\d{7})|((00853)?6\d{7})|((00886)?09\d{8}))$/ig邮箱验证：/^([a-zA-Z0-9])+([a-zA-Z0-9_\.\-])*\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})$/ig身份证验证：/^(\d{18}|\d{15}|\d{17}x)$/ig仅包含汉字英文字母及空格：/^[\u4e00-\u9fa5a-zA-Z\s]+$/ig
阅读全文
摘要：2参数,样式，时间$(this).animate({top:"100px","opacity": "0"},1000)3参数,样式，时间，返回$(this).animate({top:"100px"},1000,function(){..})
阅读全文
摘要：幻灯片播放-2013 直接下载看看更方便！JQ:$(document).ready(function(){ var time=2000; //时间间隔 var interval; //计时对象 var picHeight=193; //图片高度 index=0; //当前 picLength=$(".img img").length; //图片张数 ...
阅读全文
摘要：单个样式：$(this).css("color","red");多个样式：$(this).css({color:"red",background:"black"});获取样式值：$(this).css("color")
阅读全文
摘要：get和post方法最大的不同在于：1.get方法传值参数在url里面，而post参数放send里面2.post方法必须加上xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");下面实例可以看get方法xmlHttp.open("GET","for.php?text="+url,true); 在post里面表现为：xmlHttp.open("POST","for.php",t
阅读全文
摘要：js对象创建：var obj=new Object();或var obj={}以下两个效果是一样的：var obj={color:'red',size:'15cm',};var obj=new Object();obj.color='red',obj.size='15cm'
阅读全文
摘要：1.创建：var arr=Array();2.遍历:for(var arg in arr){alert(arr[arg]);}3.追加arr1.concat(arr2)4.元素删除delete arr[0]arr.splice(1,1)区别在于delete删除后length不变5.转字符串arr.toString();6.定义分隔符arr.join("-")7.反序，sort顺序：数字>字母>汉字>undefinearr.reverse()
阅读全文
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-
阅读全文
摘要：可能情况： 这种情况一般出现在 alert() 之后的某个代码需要页面元素进入一定的状态才能使用，加上 alert() 之后，相当于页面元素有足够的时间进入一定的状态了，如果确定你的代码没有问题，你可以把 alert() 之后的代码放到一个 setTimeout 的函数中，也就是停一会再运行下面的代码，应该就没问题了。window.setTimeout(btnAutoClick, 100);function btnAutoClick() { }转自： http://blog.csdn.net/lxqssx/article/details/3936043
阅读全文
摘要：这样参差不齐的多栏布局，叫“方砖石布局”，和“瀑布流布局”，很多网站都有使用这样的布局，比如：淘宝的哇哦、花瓣网、蘑菇街这里，我们仅使用瀑布流插件实现当页内容的排列。那这插件到底有什么用呢？请看看下面的图片：右图是左图使用了插件之后的效果。具体例子引用插件实例：<style type="text/css">img { border:none; }.wrapper { width:1000px; margin:0 auto; }.wrapper h3{color:#3366cc;font-size:16px;height:35px;line-height:1.9;
阅读全文
摘要：在页面上图片比较多的时候，打开一张页面必然引起与服务器大数据量的交互。尤其是对于高清晰的图片，占的几M的空间呢~这里要实现的功能：可见页面的图片是加载的，而不可见页面通过滚动条下拉可见，这也叫做“ImageLazyLoad技术”，需要用到延迟加载的jQuery插件图片加载技术实例-欢迎关注tinyp...
阅读全文
浙公网安备 33010602011771号