jQuery 验证插件 Web前端设计模式（asp.net）

2016年07月27日 7 阅读

设计目标：建立一个基于jQuery框架的通用Web验证插件... 设计要求：1.需要漂亮的css样式及小图标的润饰... 2.基于jQuery框架... 3.调用.net Web 服务来实现与数据库的异步交互... 解决方案：1、首先，我们来设计三个类，分别用来显示Web给用户的视觉感知。它们分别是 .msg_warning{font-family:Arial,Helvetica,sans-serif,simsun; background:#e7f7ff ...

jQuery Validation实例代码 让验证变得如此容易

2016年07月27日 6 阅读

使用客户端验证可以有效的减少数据往返服务器和客户端的次数，有利于提高服务器的资源利用路，并且还能够给用户直观，快速的回应。 在Web 2.0时代，这显得尤其重要，我想大家一定和我一样讨厌用基础的javascript写着烦人的验证。现在服务器端的验证有比较好的框架可以解决，ASP.NET MVC就可以很好的完成这样的工作，所以对于.net开发来说，拥有一个好的客户端养正框架对于开发效率的提高起着至关重要的作用。我们可以通过下面的地址获得这个JS框架JQuer...

Dom元素变换效果（工具函数）

2016年07月27日 9 阅读

用js来控制行为，控制页面表现。恐怕是我们用它来做的最多的事情了... jQuery为什么这么受欢迎，我想，一方面是它的选择器[selector]足够牛B，另一方面应该要归功于它在dom变换上做足了功夫。 于是，秉承着一个宅男的宗旨，周末花了两个晚上稍微总结了一下，写了一段控制dom元素变换的代码，与目前强大的框架比起来，确实显得有点拙劣，不过作为日常开发的工具函数，我想还是蛮实用的。（这也是我最初的目的 ^_^）。 开门见山，先把源码完整的贴...

关于js中window.location.href,location.href,parent.location.href,top.location.href的用法与区别

2016年07月27日 6 阅读

"window.location.href"、"location.href"是本页面跳转 "parent.location.href"是上一层页面跳转 "top.location.href"是最外层的页面跳转 举例说明： 如果A,B,C,D都是jsp，D是C的iframe，C是B的iframe，B是A的iframe，如果D中js这样写 "window.location.href"、"location.href"：D页面跳转 "parent.location...

理解Javascript_11_constructor实现原理

2016年07月27日 5 阅读

constructor是什么 简单的理解,constructor指的就是对象的构造函数。请看如下示例： 复制代码 代码如下: function Foo（）{}; var foo = new Foo（）; alert（foo.constructor）;//Foo alert（Foo.constructor）;//Function alert（Object.constructor）;//Function alert（Function.constructor）;...

理解Javascript_12_执行模型浅析

2016年07月27日 7 阅读

简单的开始 简单的代码： 复制代码 代码如下: <script type="text/javascript" src="xxx.js"></script> <script type="text/javascript"> var i = 10; function say（msg）{ alert（msg）; } </script> <script type="text/javascript"> j=1...

来自国外的14个图片放大编辑的jQuery插件整理

2016年07月27日 6 阅读

基于Web的在线应用已经是一个逐步成熟的趋势，Web应用的丰富多样化，都是基于JavaScript框架完成的，其中 jQuery 框架被越来越多的Web开发者青睐，它可以让你“少写，多做”轻松完成复杂效果，这里就是基于jQuery 的14个图片放大编辑插件。1，jQuery gzoom plugin 2，Hover Zoom 3，AnythingZoomer jQuery Plugin 4，JQZoom 5，jQuery Cycle plugin ...

Javascript技巧之不要用for in语句对数组进行遍历

2016年07月27日 7 阅读

一，为什么不要用for in语句 jqModal这个jquery插件估计很多人都使用过，在jqModal源码内部，有一个函数为hs，其中有个嵌套循环如下， 复制代码 代码如下: for（var i in {jqmShow:1,jqmHide:1}） for（var s in this[i]） if（H[this[i][s]]） H[this[i][s]].w[i]（this）; return F; } 第一个for in遍历的目标是个匿名对象，没有问题。 ...

JQuery 拾色器插件发布-jquery.icolor.js

2016年07月27日 6 阅读

以前我一直用的那个（eyecon.ro） 功能完整也简易，但是不尽符合上面的要求，于是 google了N下，结果没找到现成的jquery拾色器插件很好的支持以下功能： 简单易用，仅显示常用的那些色块给用户选择，另外提供一个输入框方便用户输入自定义的色值 于是我写了icolor这个插件，除了支持上面的要求，还有别的一些特性如下： 1，默认提供的色值为“常用的浏览器安全的色值”。相当于整合了下面最后一个prototype版本的颜色拾取器。关于浏览器安全色值，可...

jQuery下扩展插件和拓展函数的写法（匿名函数使用的典型例子）

2016年07月27日 6 阅读

我选择了jQuery，最主要是它的思想“write less,do more"，因为我是一个挑剔的人，以前写过的代码，会时不时翻出来，看看有没有可以精简，优化的地方。一来是对不断学习的推动，二来可以将新的思想，技术应用到里面去。 对于jQuery插件的写法，以前就有介绍过，网上也有很多例子。 这里简要地进行些写法，主要是简写的说明，见下列代码： <script type="text/javascript" src="jquery-1.4.2.js"&...

javascript 类和命名空间的模拟代码

2016年07月27日 5 阅读

先上一段最简单的： 复制代码 代码如下: // 以下几行代码展示了命名空间、类、以及函数的模拟定义和使用： NameSpace = {}; NameSpace.Class = function（）{ this.Method = function（info）{alert（info）;} }; new NameSpace.Class（）.Method（"Hello world"）; 再来一些可见到的，各种情况的代码 1.类的模拟 复制代码 代码如下: // ...

jquery判断checkbox（复选框）是否被选中的代码

2016年07月27日 7 阅读

复制代码 代码如下: //是否被选中验证有选中的return true,否return false function mycheckbox（） { var falg = 0; $（"input[name="soft[]"]:checkbox"）.each（function （） { if （$（this）.attr（"checked"）） { falg += 1; } }） if （falg > 0） return true; else return...

Jquery插件之多图片异步上传

2016年07月27日 9 阅读

1.初始化上传控件数量。 复制代码 代码如下: $（document）.ready（function（） { $（"#H_File"）.uploadFile（{ key: "test",count:3 }）; }）; 以前的设计思想是，初始化上传控件数量，页面显示为1个上传控件，每当上传成功后，在下面创建一个上传控件。 2.上传图片成功后 这就是最终的效果，如果您有更好的插件，希望一起开源。 其他的就不多说了，如果您感兴趣，点击下载源码/201010/y...

用jquery与css打造个性化的单选框和复选框

2016年07月27日 11 阅读

上图是经过css和jquery美化后的效果，怎么样呢？是不是很爽啊！这个是我从另一个脚本库看到的一个效果，觉得挺不错的，然后就用jquery自己实现了一个。供大家鉴赏！ 话不多说，直接上代码： 复制代码 代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd...

理解Javascript_13_执行模型详解

2016年07月27日 7 阅读

函数执行环境 简单的代码: 复制代码 代码如下: function say（msg,other）{ var str = "nobody say:"; this.name = "笨蛋的座右铭"; function method（）{};//var method = function（）{}; alert（str+msg）; } say（"hello world"）; alert（name）;//笨蛋的座右铭 当调用say方法时，第一步是创建其执行环境，在创...

理解Javascript_14_函数形式参数与arguments

2016年07月27日 7 阅读

注：在阅读本博文前请先阅读《理解javascript_13_执行模型详解》 注：本文的部分内容是自已的一些推论，并无官文文档作依据，如有错误之后，还望指正。 生涩的代码 我们先来看一段比较生涩的代码： 复制代码 代码如下: function say（msg,other,garbage）{ alert（arguments[1]）;//world var other = "nice to meet you！"; var msg; alert（arguments...

理解Javascript_15_作用域分配与变量访问规则,再送个闭包

2016年07月27日 6 阅读

作用域分配与变量访问规则 在 ECMAScript 中，函数也是对象。函数对象在变量实例化过程中会根据函数声明来创建，或者是在计算函数表达式或调用 Function 构造函数时创建。（关于"函数对象"请见《理解Javascript_08_函数对象》）。每个函数对象都有一个内部的 [[scope]] 属性，这个属性也由对象列表（链）组成。这个内部的[[scope]] 属性引用的就是创建它们的执行环境的作用域链，同时，当前执行环境的活动对象被添加到该对象列...

超越Jquery_01_isPlainObject分析与重构

2016年07月27日 6 阅读

isPlainObject是Jquery1.4后提供的新方法,用于判断对象是否是纯粹的对象（通过 "{}" 或者 "new Object" 创建的）。 使用isPlainObject 首先我们来了解一下什么叫"纯粹的对象"，简单的理解"纯粹的对象"指的就是由Object构造出来的对象。那哪些对象是由Object构造出来的呢。首当其充的肯定是由new Object（）所构造出来的对象，注意：在Object后的括号里可没加任何东西。因为Object是所有"...

javascript奇异的arguments分析

2016年07月27日 6 阅读

在每个函数中，都有个名为 arguments 的变量，它以类似数组的形式保存了当前调用的参数。而它实际上并不是个数组，使用 typeof arguments 语句尝试会返回“object”（对象），所以它不能像 Array 一样使用 push 和 pop 等方法。即便如此，仍然可以使用下标以及长度属性（length）获取它的值。 编写灵活的函数 虽看起来名不经传，但的确 arguments 是非常有用的对象。比如，你可以让函数处理不定数目的参数。在 Dea...

javascript动态改变img的src属性图片不显示的解决方法

2016年07月27日 8 阅读

首先讲下这个bug的出现的情况，页面中有 复制代码 代码如下:<a href="javascript:void（0）" onclick="document.getElementById（"current"）.src="images/001.jpg";"> 这么一个a标签，onclick中的JS代码就是改变id为current的img标签的src属性，以达到动态切换图片的效果。可是不幸的是：IE是动态改变的图片的路径，但是图片却不显示出来，得右键...