目录: 1.基本JQ扩展插件js的格式 2.对JQ选中元素的方法的扩展,调用类似于$("selector").myMethod(),这里的myMethod是自己扩展的方法,与.click()同理 3.对JQ自身的方法扩展,调用类似于$.ajax(); 一.基本JQ扩展插件的格式 一个扩展插件的格式一般是: (function($){.........})(jQuery); 当然,为了防止压缩合并等操作时,它前面的js代码没有结束分号而引起错误,这里可以在前面加个;就是: ;(funct…

如今做web开发,jQuery 几乎是必不可少的,同时jquery插件也是不断的被大家所熟知,以及运用.最近在搞这个jquery插件,发现它的牛逼之处,所以讲一讲jQuery插件的写法以及使用  (function($){ $.fn.extend({ color:function(options){ var defaults = {color:'blue', size: "30px"}; options = $.extend({},defaults, options); return …

1.一次声明一个函数 $.fn.函数名 = function([options]){} $.fn.red=function(options){ var defaults = { 'color': 'red' }; var settings = $.extend(defaults, options); this.css(settings); return this; } 2.一次声明多个函数    $.fn.extend({函数名:function(){}}); $.fn.extend({big:…

好久没写博客了,变得好懒呀,无地自容.最近一直在学sass和jq插件的写法,照猫画虎的谢了一个jq的插件,也算是第一次真正称得上插件的插件 ,废话不多说 上代码 (function($) { $.fn.carousel = function(options) { )return false; var opts = $.extend({},$.fn.carousel.defaults,options); function Slide(o){ this.o = o; this.box = o.fin…

  前  言 Cherish 看多了炫酷的插件之后再来看这么一个小清新的东西,是不是突然感觉JQ插件感觉很友好了,简单强大最重要的是实用. 这篇文章将详细讲解一下lazyload.js的用法 lazyload看名字直译大概就知道意思了: 懒加载,就是懒得加载,你不看到那,它不会给你加载出来的.也就是延迟加载的功能.使用它你可以提高网页加载速度,进而来说一定情况下也能减轻服务器负载 下面就来说一下怎么去使用这个朴素而实在的插件 要想使用JQ插件,首先 要引用jquery.js和lazyload.j…

JQuery插件写法 JQuery插件又分为类扩展方法和对象扩展方法两种,类插件是定义在JQuery命令空间的全局函数,直接通过可调用,如可调用,如可调用,如.ajax():对象插件是扩展JQuery对象的函数,通过选择的具体对象调用,类似$(dom).html(). JQuery类扩展方法 直接给$增加方法 $.foo=function(){ console.log('foo'); } $.bar=function(){ console.log('bar'); } 或者给属性增加命名空间 $.…

前言:在做网站的时候经常用的功能就是,用户上传图片对自己上传的图片进行截图,DIV自己的头像.或者上传幻灯片大图进行DIV设置小图. 解决方案:目前我知道的解决方案有两个如下:       一.flash用户上传头像组件 ,地址:  http://www.hdfu.net/index.html (但收费)      二.jq插件imgAreaSelect, 地址:http://odyniec.net/projects/imgareaselect/ 注:官网文档为英文的,如果想看中文的这里也有,h…

这第二款也是非常实用的插件,也是与图片相关,关于图片的需求太多了,这个是图片滚动哦,不过不是无缝滚动,是左像右滚动,到头的话再往回滚动,利用scrollLeft实现的,支持自动滚动和每次滚动的个数默认为1张,另外提供了连个外接方法, 停止自动滚动$.fn.roll.stop,继续自动滚动$.fn.roll.auto,不多说,上菜! JQ插件代码 (function($){ $.fn.roll = function(options){ if($(this).length == 0) return…

工作一个多月了,好久没来冒冒泡了,看了@wayong的JQ插件教程,自己编写了一个模仿拉勾网首页广告栏滑动特效的JQ插件,现在跟朋友们分享分享! 先上demo链接:http://runjs.cn/detail/gpowdhhk 快要下班了~先把代码放出来~~回家再编辑~ 这里是HTML代码: <!--js酷炫图片滑动hover效果,类似拉勾网--> <div class="beauty-go-outer" id="my-div"> <u…

虽然现在 vue angular react 当道啊但是那 JQ还是有一席之地很多很多的小单位啊.其实还会用到 我也放一个例子吧虽然我也不是很肯定有没有人写的比我更好啊但是我相信 我这个还是蛮实用的 话不多说 丢代码 JQ插件标准的封装代码如下,首先需要闭包: <scripttype="text/javascript"> (function ($) {  //这里放入插件代码 })(jQuery); </script> 这是jQuery官方的插件开发规范,这样写…