1 (function(){2 $.fn.YAccordion=function(options){3 4var settings={5 trigger:‘click‘,6 speed:300,7 };8 9if(options)
10 $.extend(settings,options);
1112returnthis.each(function(){
13 $("p",this).bind(settings.trigger,function(){
14 $(this).next("ul").slideToggle(settings.speed).siblings("ul").hide();
15 });
16 ...
比如基于jquery的select2插件，在vue下单独用有很多问题，其实对于这类插件，可以用vue的自定义指令和组件来包装，解决冲突的问题。引用官方vue1.0和2.0的两个例子，学习一下。例子1.0 例子2.0原文：http://www.cnblogs.com/zhansu/p/6112837.html
这个插件包含三个部分：HTML结构、CSS代码和JS代码。HTML结构是固定的，结构如下： 1<!--全屏滚动--> 2<div class="fullpage-container"> 3<div class="fullpage-pagebox"> 4<div id="fullpage-page1" class="fullpage-page-vertical"><h1>1</h1></div> 5<div id="fullpage-page2" class="fullpage-page-vertical"><h1>2</h1></div> 6<div id="fullpage-page3" class="fullpage-page-vertical"><h1>3</h1></div> 7<div id="fullpag...
用jquery开发插件其实很简单。今天实现了一个入门级别的功能。 随便来个DIV，便于理解。 div{height:100px;width:100px;display:block;background:#f00;border-radius:50%;text-align:center;}这个玩意的功能也很常见，CSS3的旋转，鼠标放上去他能转，度数，速度都是参数。坦白将这个项目没多大卵用，CSS hover就能实现，虽然多了会写的麻烦，毕竟练手项目，第一个插件，不能要求太高。上代码： 1 <script type="text/javascri...
jQuery如此流行，各式各样的jQuery插件也是满天飞。你有没有想过把自己的一些常用的JS功能也写成jQuery插件呢？如果你的答案是肯定的，那么来吧！和我一起学写jQuery插件吧！ 很多公司的前端设计开发人员都是女孩子，而这些女孩子很多JavaScript技能都不是很好。而前端开发过程中，JavaScript技能又是必不可少的。所以，如果前端小MM正在为某个JavaScript效果发愁的时候，你潇洒的过去，然后对她说：“嗨，美女，用这个吧。这是我写...
1.表单验证插件Validation 2.表单插件Form 3.动态事件绑定插件livequery可以为后来的元素绑定事件 类似于jQuery中的live()方法 4.jQuery UI 5.jQuery Cookie 6.遮罩层插件:thickbox 7.编写jQuery插件<1>编写插件的目的：给已经有的一些列方法或函数做一个封装，一遍在其他地方使用，方便后期维护和提高开发效率。 <2>三种类型的插件a:封装对象方法的插件 jQuery.fn.extend()b:封装全局函数的插件 jQuery.extend()c:选择器插...
关于ImgAreaSelect, 是一jQuery插件，它支持用户通过鼠标拖曳选择图片的一部分，如图片拖曳、图片编辑等~~来具体看一下1、先下载imgAreaSelect插件下载地址：英文：http://odyniec.net/projects/imgareaselect/中文：http://www.css88.com/EasyTools/javascript/jQueryPlugin/imgAreaSelect/index.html在头部引用：<link rel="stylesheet" type="text/css" href="../jquery.imgareaselect-0.9.10/css/imgareaselect-default.css" ...
将类似的jQuery代码，转化为插件，可以提高代码的重用性，并能够有效的组织代码。(function($){$.fn.yourPluginName=function(){//Your code goes herereturn this;}
})(jQuery)总结以便之后查阅。原文：http://blog.csdn.net/comeonstone/article/details/38515765
http://www.cnblogs.com/xcj26/p/3345556.html一：导言 有些WEB开发者，会引用一个JQuery类库，然后在网页上写一写$("#")，$(".")，写了几年就对别人说非常熟悉JQuery。我曾经也是这样的人，直到有一次公司里的技术交流，我才改变了自己对自己的看法。二：普及JQuery知识知识1：用JQuery写插件时，最核心的方法有如下两个：$.extend(object) 可以理解为JQuery 添加一个静态方法。$.fn.extend(object) 可以理解为JQuery实例添加...
1?? 简介fullPage.js 是一个基于 jQuery 的插件，它能够很方便、很轻松的制作出全屏网站，主要功能有：支持鼠标滚动支持前进后退和键盘控制多个回调函数支持手机、平板触摸事件支持 CSS3 动画支持窗口缩放窗口缩放时自动调整可设置滚动宽度、背景颜色、滚动速度、循环选项、回调、文本对齐方式等等2?? 兼容性jQuery 兼容兼容 jQuery 1.7+。浏览器兼容3?? 使用方法1、引入文件css部分
<link rel="stylesheet" href="jquery.fullPage...
引言开发中，有好多地方用到联动菜单，以前每次遇到联动菜单的时候都去重新写，代码重用率很低，前几天又遇到联动菜单的问题，总结了下，发现可以开发一个联动菜单的功能，以后想用的时候就方便多了。项目中每个页面都有引用jQuery，，开发个jQuery联动菜单插件，说动手就动手，下面跟大家分享分享。我用的jQuery插件方式(function($){$.fn.casmenu=function(argvs){//your code }
})(jQuery);其中jQuery传入的是jquery对象，需...
参考:http://blog.csdn.net/salc3k/article/details/72863381、首先要将插件代码包裹在(function($){/*代码从这里开始*/})(jQuery);代码解释：(function(){})()，这句代码指的是创建一个匿名函数function(){}并立即执行， 并在参数中传入了jQuery对象，所以在代码中你就可以“$”使用jQuery对象，将代码放入匿名函数中的目的：在函数中定义的变量是局部变量，不会与全局变量冲突。2、添加插件添加插件通过$.fn.changeColor = funct...
1.jquery创建插件jQuery.extend({插件名：函数体，插件名：函数体})；html部分<div id="div1">开始动画</div>
jquery部分$(function(){$("#div1").click(function(){$(this).animate({"left":800},6000,"easeOutBounce",function(){$(this).html("动画结束");});});});插件部分jQuery.extend(jQuery.easing, {easeOutBounce: function(x, t, b, c, d){if ((t /= d) < (1 / 2.75)){return c * (7.5625 * t * t) + b;}else if (t < (...
jQuery注册方法的两种常用方式：//jQuery静态方法注册
//调用方法$.a1()$.extend({a1: function () {console.log("a1");}
})
//jQuery插件方法注册
//调用方法$("#col").b1()$.fn.extend({b1: function () {console.log("b1");}
})将ajax返回的数据自动绑定到form表单中的插件，常用语修改等业务，源码如下：/*
flagName:标识绑定字段元素的属性，如data-bind是寻找绑定字段的属性：<input data-bind=‘Time‘ type=‘text‘ />
js...
其实Ztree官网已经有详细的API文档，一切以官网上的说明为准,我在此只是结合实践总结几条常用的ztree的功能特性. （ztree的语法结构是基于key-value的形式配置） 1：支持异步加载数据 语法配置：async: {enable: true, url:‘abc.ashx‘,otherParam: { "request": "requestname" }} 简要说明: enable :设置 zTree 是否开启异步加载模式. url:Ajax 获取数据的 URL 地址. otherParam:Ajax 请求提...
