随笔分类 - JavaScript
摘要：jQuery中的.bind()、.live()和.delegate()之间区别分析，学习jquery的朋友可以参考下。DOM树首先，可视化一个HMTL文档的DOM树是很有帮助的。一个简单的HTML页面看起来就像是这个样子：事件冒泡(又称事件传播)当我们点击一个链接时，其触发了链接元素的单击事件，该事...
阅读全文
摘要：这是一个段落。请点击任意一个 p 元素，它会消失。包括本段落。在本按钮后面插入一个新的 p 元素注释：通过使用 delegate() 方法，而不是 live()，只有 div 元素中的 p 元素会受到影响。
阅读全文
摘要：扩展jQuery插件和方法的作用是非常强大的，它可以节省大量开发时间。这篇文章将概述jQuery插件开发的基本知识，最佳做法和常见的陷阱。一、入门编写一个jQuery插件开始于给jQuery.fn加入新的功能属性，此处添加的对象属性的名称就是你插件的名称：复制代码代码如下:jQuery.fn.m...
阅读全文
摘要：读一个开源框架，大家最想学到的就是设计的思想和实现的技巧。最近读jQuery源码，记下我对大师作品的理解和心得，跟大家分享，权当抛砖引玉。先附上jQuery的代码结构。Js代码(function(){//jQuery变量定义varjQuery=function(){...};//jQuery原型定义...
阅读全文
摘要：jQuery插件的开发包括两种：一种是类级别的插件开发，即给jQuery添加新的全局函数，相当于给jQuery类本身添加方法。jQuery的全局函数就是属于jQuery命名空间的函数，另一种是对象级别的插件开发，即给jQuery对象添加方法。下面就两种函数的开发做详细的说明。1、类级别的插件开发类级...
阅读全文
摘要：要说jQuery 最成功的地方，我认为是它的可扩展性吸引了众多开发者为其开发插件，从而建立起了一个生态系统。这好比大公司们争相做平台一样，得平台者得天下。苹果，微软，谷歌等巨头，都有各自的平台及生态圈。学会使用jQuery并不难，因为它简单易学，并且相信你接触jQuery后肯定也使用或熟悉了不少其插...
阅读全文
摘要：关于jquery.fn.extend与jquery.extend用法与区别。jQuery为开发插件提拱了两个方法，分别是：代码如下复制代码jQuery.fn.extend(object); 和 jQuery.extend(object);jQuery.extend(object); 为扩展jQuer...
阅读全文
摘要：一、前言当一个页面中请求的图片过多，而且图片太大，页面访问的速度是非常慢的，对用户的体验非常不友好；使用图片懒加载，可以减轻服务器的压力，增加页面的访问量，这里主要是总结一下我自己写的图片懒加载组件jQuery.imgLazyLoad；使用该组件应在img标签中设置一个imglazyload-src...
阅读全文
摘要：一、插件结构(组织方式)在讲述如何对元素进行验证前有必要了解它的代码组织方式，请看代码(部分省略)var plugFn = function( $ ) { $.extend($.fn, { // 验证from表单 validate: function( option...
阅读全文
摘要：前言：jQuery.validator是一款非常不错的表单验证插件，验证方式非常简单方便，它还对HTML5做了兼容处理，了解了验证规则，就基本掌握了它的使用，下面就让我一一道来 jQuery.validator 验证规则一、在元素的class属性中添加需要验证的规则，多个规则以空格隔开邮箱：requ...
阅读全文
摘要：// 创建一个闭包 (function($) { // 插件的定义 $.fn.hilight = function(options) { debug(this); // build main options before element iteration ...
阅读全文
摘要：1，开始可以通过为jQuery.fn增加一个新的函数来编写jQuery插件。属性的名字就是你的插件的名字：jQuery.fn.myPlugin=function(){//开始写你的代码吧！};但是，那惹人喜爱的美元符号$哪里去了？她就是jQuery，但是为了确保你的插件与其他使用$的库不冲突，最好使...
阅读全文
摘要：jQuery如此流行，各式各样的jQuery插件也是满天飞。你有没有想过把自己的一些常用的JS功能也写成jQuery插件呢？如果你的答案是肯定的，那么来吧！和我一起学写jQuery插件吧！很多公司的前端设计开发人员都是女孩子，而这些女孩子很多JavaScript技能都不是很好。而前端开发过程中，Ja...
阅读全文
摘要：jQuery插件开发一般来说，jQuery插件的开发分为两种：一种是挂在jQuery命名空间下的全局函数，也可称为静态方法；另一种是jQuery对象级别的方法，即挂在jQuery原型下的方法，这样通过选择器获取的jQuery对象实例也能共享该方法。一、在讲解jQuery插件基本结构和模式前，先介绍下...
阅读全文
摘要：扩展jQuery插件和方法的作用是非常强大的，它可以节省大量开发时间。这篇文章将概述jQuery插件开发的基本知识，最佳做法和常见的陷阱。一、入门编写一个jQuery插件开始于给jQuery.fn加入新的功能属性，此处添加的对象属性的名称就是你插件的名称：.代码如下:jQuery.fn.myPl...
阅读全文
摘要：(默认: 自动判断 (xml 或 html)) 请求失败时调用时间。参数有以下三个：XMLHttpRequest 对象、错误信息、（可选）捕获的错误对象。如果发生了错误，错误信息（第二个参数）除了得到 null 之外，还可能是 "timeout" , "error" , "notmodified" ...
阅读全文
摘要：function CopyCode(key){var trElements = document.all.tags("tr");//获取tr元素var i;for(i = 0; i < trElements.length; ++i){ if(key.parentElement.parentElement.parentElement == trElements[i].parentElement)//是同一个tbody时，就将innerText放到剪切版 { window.clipboardData.setData("Text", trElements
阅读全文
摘要：var now = new Date(); //当前日期var nowDayOfWeek = (now.getDay() == 0) ? 7 : now.getDay() - 1; //今天是本周的第几天。周一=0，周日=6var nowDay = now.getDate(); //当前日var nowMonth = now.getMonth(); //当前月值（1月=0，12月=11）var nowMonReal = now.getMonth() + 1; //当前月实际数字var nowYear = now.getFullYear(); //当前年//日期+天function AddDay
阅读全文
摘要：背景在web2.0中，页面弹窗是一个很常见的交互方式，这样既可以避免不必要的页面跳转，也可以改进界面的布局和可交互性。但是，浏览器原生的弹窗函数（alert, confirm, prompt）有着很大的局限性，主要是它们的展现UI一来很不美观，二来也不够灵活，因此，我们经常需要自行定义弹窗函数。当我们要实现一个模式弹窗时（模式弹窗，即是说出现弹窗时，页面其它地方不可点击），通常的做法是用一个div将整个页面窗口遮挡住。实现下面，我们一步步地实现一种较为简洁有效的遮罩层：Step 1:首先我们要考虑定义一个遮挡浏览器窗口的div，考虑下面一段html+css代码：<div unselect
阅读全文
摘要：新消息提示var newMessageRemind={_step: 0,_title: document.title,_timer: null,//显示新消息提示show:function(){var temps = newMessageRemind._title.replace("【 】", "").replace("【新消息】", "");newMessageRemind._timer = setTimeout(function() {newMessageRemind.show();//这里写Cookie操作n
阅读全文
浙公网安备 33010602011771号