有两种方法: 1.jQuery.fn.extend() 用于将一个对象的内容合并到jQuery的原型,以提供新的jQuery实例方法 例子: <span id="test">测试文字</span> //需要控制的节点 <input type="color" id="color"> //获取color色值 <script> ;(function($){ //利用闭包特性 ,$表示形参. 形参是“形式参…

1. jquery插件怎么写 $.extend $.fn 2. 写的时候注意些什么…

js基础学习过程中,期间经历换工作的各种面试,很多面试官问过:有没有写过jquery插件?等类似问题. 就个人而言,关于jquery插件的文章确实看过不少,但是一直没有动手写一个,一是不想在目前学习js基础知识的时候,插入jQuery的插件的写法:二也是从思想上,可能也没太做好写插件的准备,总是感觉很麻烦,或者说很困难. 但是经历多次的面试之后,觉得还是有必要抓紧时间写一点插件,哪怕当做自己个人前端组件积累的一部分,也得提上日程了. 在新公司入职之后,正好项目刚刚上线,新的需求还没有下来,手头上…

<script type="text/JavaScript">            //jQuery插件的写法(需要传入操作对象)        ;(function($)        {            //PI_TestPlugIn为插件名称,也是插件的操作对象            //为了不会与其它插件名重复,这里我使用PlugIn的缩写PI_来定义插件对象前缀            $.fn.PI_TestPlugIn=               { …

前端时间,产品提出社区评论中的图片需要有放大功能.感觉可以共用,所以就想整合一个插件,过程中也借鉴了一些例子. 分析下自己的代码思路: var scaleImg = function(opts) { this.opts = $.extend({ wrap: '', clickimgs: '', callback: function(){} }, opts); this.images_n = []; //保存一条评论中的所有图片 this.$showArrow = false; //显示左右翻页按…

JQuery插件写法的总结 最近Web应用程序中越来越多地用到了JQuery等Web前端技术.这些技术框架有效地改善了用户的操作体验,同时也提高了开发人员构造丰富客户 端UI的效率.JQuery本身提供了丰富的操作,但是,有时候我们需要根据我们自己的业务和系统特色(风格)构造一些我们常用的前端UI组件,而 JQuery的插件给了我们一个较好的方式来构造这些UI组件,方便我们日后反复重用这些组件. 网上也有很多关于JQuery插件的文章,我也搜了一些,但是,这些文档太过离散,没有有效地组织并充分说…

使用的组件:jQuery打印插件PrintArea,有兴趣的可以研究一下. 使用方法略过,这里将介绍如何实现打印多页是可以分页. 现在提供两种方法思路: 1.根据特定的打印机型号和使用的纸张类型,然后用JS来算出每页多高,按照每张纸的高度来进行适当的增减高度.(这种方式缺点就是只能针对单中类型的纸张,计算十分的繁琐,要些很多加减法 -_-);). 参考A4纸高度的网页:http://www.jb51.net/office/word/67360.html 2.在如上一个思路的方式,试着查找能不能自…

/** Jcrop version: 0.9.12 jQuery version: 1.9.0 Author: 小dee Date: 2014.10.30 */ 先看看他山之石:博客园的头像模块也是使用的 Jcrop 插件,处理方式如图 博客园图1: 高度大于宽度时 博客园图2: 再看看新浪微博( http://account.weibo.com/set/photo ),它使用的是 flash,如图: 最后看豆瓣( http://www.douban.com/accounts/user_icon…

jquery插件及zepto插件,写法上有些区别. 区别点: 1.自定义事件的命名空间 jq的时间命名空间是用点“.”,而zepto是用冒号“:” 如 //jquery $(this).trigger('cusevent.pluginname'); //zepto $(this).trigger('cusevent:pluginname'); 2.data() 方法 jq的data方法非常强大,可以存储字符串.对象.函数等一切js数据 而zepto的data方法则非常简陋,只能纯一下字符串. 由…

最近做的一些网页,单个网页图片量都比较大,网络不好的情况下,特别卡,这个图片预加载的方法可以牺牲一些时间换来网页的浏览顺畅,还是值得的. //闭包的写法,它内部的变量都是局部的,不会和外部巳有的变量进行冲突 ( function (通过它来接收对象) {   } )( 通过它来传递对象 );   //可以使用jQuery的$符号的闭包插件的写法: //写插件的常用方法 $.extentd() (function ($){ //构造函数 function PreLoad(imgs,options)…