;(function ($) { //插件的默认值属性 var defaults = { Weight: '300px', height: '230px', nextId: 'nextBtn', nextText: 'Next' }; //插件的扩展方法名称 $.fn.easySlider = function (options) { // 合并用户自定义属性,默认属性 var options = $.extend(defaults, options); $(this).click(functi…

;(function($){ $.fn.jcDate = function(options) { var defaults = { IcoClass : "jcDateIco", //图标样式名称 Event : "click" //这里设置默认的属性 }; var options = $.extend({},defaults,options); return this.each(function() { alert($(this).html()); //自己的功能…

pageplugin.js (function ($) { $.PagePlugin = function (obj, opt) { var options = $.extend({}, $.PagePlugin.defaults), docOffset, _ua = navigator.userAgent.toLowerCase(), is_msie = /msie/.test(_ua), ie6mode = /msie [1-6]\./.test(_ua); if (typeof (obj)…

需求场景 最近项目改版中,发现很多地方有这样一个操作(见下图gif动画演示),很多地方都有用到.这里不讨论它的用户体验怎么样. 仅仅是从复用的角度,如果每个页面都去写text和select元素,两个button按钮,增加add和delete对应的js函数,无疑大大增加了工作量和维护成本. select有预设值的情况: 下面就开始动手把这4个html元素做成一个JQuery插件. jquery插件结构 如果你是零基础,请参考Jquery官网对jquery plugin的介绍:http://lear…

jquery插件是什么??这里以讨论实力方法为主,比如 $("div").pluginname({}); 他的最简单形势应该是 $.prototype.plugin = function(){} 我们一点点来加东西 1,自己的变量不污染全局,别人的变量不污染我们 (function($,undefined){ var window = Function("return this")();//一定是window $.prototype.plugin = functio…

弹框 alert confirmhttp://www.jq22.com/jquery-info2607 jQuery表格排序筛选插件http://www.jq22.com/jquery-info8805http://www.jq22.com/jquery-info7356 easyDialog 简单.实用的弹出层组件http://www.jq22.com/jquery-info7721 jQuery多功能图片弹窗插件piroboxhttp://www.jq22.com/jquery-info59…

对jQuery相信很多同学和我一样平时都是拿来主义,没办法,要怪只能怪jQuery太火了,各种插件基本能满足平时的要求.但是这毕竟不是长久之道,古人云:“授之以鱼,不如授之以渔”. 为了方便之前没有接触的同学,先来回顾一下jQuery的插件机制吧. //添加check和uncheck插件 jQuery.fn.extend({ check: function() { return this.each(function() { this.checked = true; }); }, uncheck:…

一:导言 有些WEB开发者,会引用一个JQuery类库,然后在网页上写一写$("#"),$("."),写了几年就对别人说非常熟悉JQuery.我曾经也是这样的人,直到有一次公司里的技术交流,我才改变了自己对自己的看法. 二:普及JQuery知识 知识1:用JQuery写插件时,最核心的方法有如下两个: $.extend(object) 可以理解为JQuery 添加一个静态方法. $.fn.extend(object) 可以理解为JQuery实例添加一个方法. 基本的…

1.列偏移与列排序: ①列偏移:控制列出现的位置,某列偏移后,后序列会随之偏移--只能右偏移: col-lg/md/sm/xs-offset-*; ②列排序:控制某一列的位置,该列可以左(pull)右(push)调整,其排序后,其它列不受影响: col-lg/md/sm/xs-push-*:右移: col-lg/md/sm/xs-pull-*:左移:2.BootStrap插件--jQuery插件: ①定义jQuery对象插件: jQuery.fn.函数名=function(){} ②调用jQue…

1.表单验证插件Validation   2.表单插件Form   3.动态事件绑定插件livequery 可以为后来的元素绑定事件   类似于jQuery中的live()方法     4.jQuery UI   5.jQuery Cookie   6.遮罩层插件:thickbox   7.编写jQuery插件 <1>编写插件的目的:给已经有的一些列方法或函数做一个封装,一遍在其他地方使用,方便后期维护和提高开发效率.   <2>三种类型的插件 a:封装对象方法的插件 jQuery…