Welcome 微信登录

首页 / 脚本样式 / JavaScript

jquery中$each()方法的使用指南

jquery中$each()方法的使用指南

$.each()与$(selector).each()不同, 后者专用于jquery对象的遍历, 前者可用于遍历任何的集合(无论是数组或对象),如果是数组,回调函数每次传入数组的索引和对应的值(值亦可以通过this 关键字获取,但javascript总会包装this 值作为一个对象—尽管是一个字符串或是一个数字),方法会返回被遍历对象的第一参数.each()方法能使DOM循环结构简洁,不容易出错。each()函数封装了十分强大的遍历功能,使用也很方便,它可...
JQurey Validation表单验证使用详解

JQurey Validation表单验证使用详解

是一款优秀的插件,它能对客户端表单进行验证,并且提供了许多可以定制的属性和方法,良好的扩展性。本文就是通过讲解这个实例来理解Validation的应用。本实例涉及到的验证有:用户名:长度、字符验证,重复性ajax验证(是否已存在)。密码:长度验证,重复输入密码验证。邮件:邮件地址验证。固定电话:中国大陆固定电话号码验证。手机号:中国大陆手机号码验证。网址:网站URL地址验证。日期:标准日期格式验证。数字:整数、正整数验证,数字范围验证。身份证:大陆身份证号...
PHP+jQuery实现随意拖动层并即时保存拖动位置

PHP+jQuery实现随意拖动层并即时保存拖动位置

想拖动页面上的层,完全可以用jQuery ui的Draggable方法来实现,那如何将拖动后层的位置保存下来呢?本文将给出答案。本文讲解了如何采用PHP+MySQL+jQuery,实现随意拖动层并即时保存拖动位置。之前我有文章:,文中以项目为示例,讲解了实现拖动布局的方法。本文与之不同之处在于可以任意拖动页面位置,原理就是通过拖动将拖动后层的相对位置left,top和z-index三个参数更新到数据表中对应的记录,页面通过CSS解析每个层不同的位置。请看具...
jQuery插件slider实现拖动滑块选取价格范围

jQuery插件slider实现拖动滑块选取价格范围

在一些产品报价网站上,需要给出一系列价格范围供用户筛选,我们在筛选的范围之外再加一个自定义价格范围,这样为用户多提供了一种选择方式。本文将使用jQuery插件结合CSS实现使用滑块滑动的方式选择价格范围,请看本文讲解。jQuery ui 有个slider插件,就是一个非常好使的拖动滑块插件。要想实现滑块拖动,需要在页面head间先载入如下js。<script type="text/javascript" src="js/jquery.js">&...
jQuery插件Zclip实现完美兼容个浏览器点击复制内容到剪贴板

jQuery插件Zclip实现完美兼容个浏览器点击复制内容到剪贴板

WEB开发中,要让用户复制页面中的一段代码、URL地址等信息,为了避免用户拖动鼠标再进行右键复制操作而可能出现的差错,我们可以直接在页面中放置一个复制按钮,只需要轻轻一点这个复制按钮,内容将会被复制,然后用户可以粘贴到想粘贴的地方。HTML首先需要在页面中载入jquery库和zclip插件,这两个文件已经打好包,欢迎点击下载。<script type="text/javascript" src="js/jquery.js"></scrip...
Javascript aop(面向切面编程)之around(环绕)分析

Javascript aop(面向切面编程)之around(环绕)分析

Aop又叫面向切面编程,其中“通知”是切面的具体实现,分为before(前置通知)、after(后置通知)、around(环绕通知),用过spring的同学肯定对它非常熟悉,而在js中,AOP是一个被严重忽视的技术点。但是利用aop可以有效的改善js代码逻辑,比如前端框架dojo和yui3中AOP则被提升至自定义事件的一种内在机制,在源码中随处可见。得益于这种抽象使得dojo的自定义事件异常强大和灵活。dojo中aop的实现在dojo/aspect模块中,...
使用AOP改善javascript代码

使用AOP改善javascript代码

Aop又叫面向切面编程,用过spring的同学肯定对它非常熟悉,而在js中,AOP是一个被严重忽视的技术点,这篇就通过下面这几个小例子,来说说AOP在js中的妙用.1, 防止window.onload被二次覆盖.2,无侵入的统计代码.3, 分离表单请求和校验.4,给ajax请求动态添加参数.5,职责链模式.6, 组合代替继承.先给出before和after这2个“切面”函数. 顾名思义,就是让一个函数在另一个函数之前或者之后执行,巧妙的是,before或者...
yui3的AOP(面向切面编程)和OOP(面向对象编程)

yui3的AOP(面向切面编程)和OOP(面向对象编程)

首先请把手放胸前成沉思状:我上了生活,还是被生活上了自己?没想出答案把,恩,可以读下文了。从语义角度讲,同一事物的不同表述可以反映人的主观视角的不同,从哲学角度将,世界观影响方法论,我们看事物的角度不同,有时会得出截然相悖的结论,从而会影响我们的做事方式和行为准则,现实生活如此,在丰富多彩的编程语言中更是如此,编程模式充满了对现实世界的各种模拟,包括是面向过程,面向对象,还有面向切面。我们大概已经非常熟悉面向过程和面向对象,切面的英文是Aspects(有时...
面向切面编程(AOP)的理解

面向切面编程(AOP)的理解

在传统的编写业务逻辑处理代码时,我们通常会习惯性地做几件事情:日志记录、事务控制及权限控制等,然后才是编写核心的业务逻辑处理代码。当代码编写完成回头再看时,不禁发现,扬扬洒洒上百行代码中,真正用于核心业务逻辑处理才那么几行,如图6-4所示。方法复方法,类复类,就这样子带着无可奈何遗憾地度过了多少个春秋。这倒也罢,倘若到了项目的尾声,突然决定在权限控制上需要进行大的变动时,成千上万个方法又得一一"登门拜访",痛苦"雪上加霜"。如果能把图6-4中众多方法中的所...
jQuery的css() 方法使用指南

jQuery的css() 方法使用指南

定义和用法css() 方法返回或设置匹配的元素的一个或多个样式属性。返回 CSS 属性值返回第一个匹配元素的 CSS 属性值。注释:当用于返回一个值时,不支持简写的 CSS 属性(比如 "background" 和 "border")。复制代码 代码如下:$(selector).css(name)name必需。规定 CSS 属性的名称。该参数可包含任何 CSS 属性。比如 "color"。实例取得第一个段落的 color 样式属性的值:复制代码 代码如下:...
jQuery的几个我们必须了解的特点

jQuery的几个我们必须了解的特点

jQuery是脚本库, 而不是脚本框架. "库"不等于"框架", 比如"System程序集"是类库,而"ASP.NET MVC"是框架. jQuery并不能帮助我们解决脚本的引用管理和功能管理,这些都是脚本框架要做的事.脚本库能够帮助我们完成编码逻辑,实现业务功能. 使用jQuery将极大的提高编写javascript代码的效率, 让写出来的代码更加优雅, 更加健壮. 同时网络上丰富的jQuery插件也让我们的工作变成了"有了jQuery,天天喝茶水"--...
<< 1071 1072 1073 1074 1075 1076 1077 1078 1079 1080 >>