随笔分类 - jQuery
摘要：jQuery 的动画方法（animate）支持各种属性的过渡，但是默认并不支持色彩的过渡，该插件正是来补足这一点！ PS: 该插件支持 RGBA 颜色的过渡，但是请注意，IE8以下的版本不支持 RGBA 颜色。 color backgroundColor borderColor borderBott
阅读全文
摘要：元素属性和Dom属性简介 对于下面这样一个标签元素: 我们通常将id,src,alt,class称为属性,也即元素属性.但是,当浏览器对标签元素进行解析时,会将元素解析为Dom对象,相应的,元素属性也就解析为Dom属性。 元素属性和Dom属性只是在我们对其进行不同解析时的不同称呼。 值得注意的是:
阅读全文
摘要：缓存变量 DOM遍历是昂贵的，所以尽量将会重用的元素缓存。 避免全局变量 jQuery与javascript一样，一般来说,最好确保你的变量在函数作用域内。 使用匈牙利命名法 在变量前加$前缀，便于识别出jQuery对象。 使用 Var 链（单 Var 模式） 将多条var语句合并为一条语句，我建议
阅读全文
摘要：页面中的输入框默认的提示文字一般使用placeholder属性就可以了，即： 最多加点样式控制下默认文字的颜色 但是在低版本的浏览器却不支持这个placeholder属性，那么真的要在低版本浏览器也要实现跟placeholder一样的效果，就需要写个插件来兼容下，下面就细讲一下怎样用jquery来实
阅读全文
摘要：css代码： js代码：
阅读全文
摘要：jQuery插件的种类 1、封装对象方法 这种插件是将对象方法封装起来，用于对通过选择器获取的jQuery对象进行操作，是最常见的一种插件。此类插件可以发挥出jQuery选择器的强大优势，有相当一部分的jQuery的方法，都是在jQuery脚本库内部通过这种形式“插”在内核上的，例如parent()
阅读全文
摘要：1.jquery中的map()方法 首先看一个简单的实例： 语法：.map(callback(index,domElement))用法：map() 把每个元素通过函数传递到当前匹配集合中，生成包含返回值的新的 jQuery 对象。注：由于返回值是 jQuery 封装的数组，使用 get() 来处理返
阅读全文
摘要：在网页应用中，一般会用到上传文件或者图片什么的到服务器，那么可以用ajaxfileupload.js，但是在使用ajaxfileupload.js时候，当服务器返回的json带有&符号的时候，返回的data数据里面所有的&被转义成了&。下面的ajaxfileupload.js是经过修改的文件
阅读全文
摘要：实现效果如图所示： html结构： js代码：
阅读全文
摘要：实现思路 1.在一定的频率下在页面中生成一定数目的雪花从上往下飘落； 2.在指定的时间内飘落后移除页面； 3.可设置雪花的大小，在一定范围内随机雪花大小； 4.什么时间后清除生成雪花，停止函数。 js代码 调用方式： 参数解释：
阅读全文
摘要：实现的主要功能如下： 1.点击按钮的时候，可以进行倒计时，倒计时自定义。 2.当接收短信失败后，倒计时停止，可点击重新发送短信。 3.点击的元素支持一般标签和input标签。 html代码： css代码： js代码： 调用方式： github地址：https://github.com/hxlmqti
阅读全文
摘要：首先先搭写一个基本的格式： 然后用自调用匿名函数包裹你的代码，将系统变量以变量形式传递到插件内部，如下： 那么接下来我们就在里面实现点击文章图片弹出该图片并放大的效果。 整体代码如下： 参考地址：http://barretlee.com/blog/2015/09/19/jquery-plugin-f
阅读全文
摘要：一、什么是deferred对象？ 开发网站的过程中，我们经常遇到某些耗时很长的javascript操作。其中，既有异步的操作（比如ajax读取服务器数据），也有同步的操作（比如遍历一个大型数组），它们都不是立即能得到结果的。 简单说，deferred对象就是jQuery的回调函数解决方案。在英语中，
阅读全文
摘要：jQuery插件开发模式 软件开发过程中是需要一定的设计模式来指导开发的，有了模式，我们就能更好地组织我们的代码，并且从这些前人总结出来的模式中学到很多好的实践。 根据《jQuery高级编程》的描述，jQuery插件开发方式主要有三种： 通过.fn 向j
阅读全文
摘要：扩展jQuery插件和方法的作用是非常强大的，它可以节省大量开发时间。 入门 编写一个jQuery插件开始于给jQuery.fn加入新的功能属性，此处添加的对象属性的名称就是你插件的名称： 为了避免和其他JavaScript库冲突，我们最好将jQuery传递给一个自我执行的封闭程序: 执行环境
阅读全文
摘要：AMD 模块 AMD（异步模块定义，Asynchronous Module Definition）格式总体的目标是为现在的开发者提供一个可用的模块化 JavaScript 的解决方案。 AMD 模块格式本身是一个关于如何定义模块的提案，在这种定义下模块和依赖项都能够异步地进行加载。它有很多独特的优势
阅读全文
摘要：在最近有个项目中 需要实现当文本框聚焦的时候，可以键盘上下键选择内容，按enter键的时候，把内容传到输入框中，如图所示： 实现代码如下： 调用的方式：
阅读全文
摘要：最近项目中需要实现3D图片层叠旋转木马切换的效果，于是用到了jquery.roundabout.js。 兼容性如图： html结构代码： css样式： 引入的js 调用的一般形式： 实现的效果如图： 需要查看demo，点击下载 更多详解请查看地址：http://demo.niutuku.com/js
阅读全文
摘要：上篇文章写到了一个不错的jquery实现邮箱输入自动提示功能，发现还有一个不错的自动提示插件： 先展示结果如图： html代码： css代码： jquery代码： /** * 邮箱自动提示插件 * @constructor EmailAutoComplete * @ options {object}
阅读全文
摘要：记得去年做某个项目的时候，用到了邮箱输入自动提示功能，于是网上搜了一下，发现了这个写得不错，现在回想起来，转载一下，方便查阅。 邮箱的广泛使用得益于它的免费，因此很多网站在注册的时候都会直接使用邮箱作为账号名 为了提高用户的体验，很多网站都会实现邮箱输入的自动提示功能。 实现效果如图所示： 核心代码
阅读全文
