`
feitu_jeff
  • 浏览: 44564 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

jquery插件1.

阅读更多

1. 拓展对象(设置默认值)

var settings = { validate: false, limit: 5, name: "foo" };
var options = { validate: true, name: "bar" };
jQuery.extend(settings, options);

 2. 拓展jquery方法

jQuery.extend({
  min: function(a, b) { return a < b ? a : b; },
  max: function(a, b) { return a > b ? a : b; }
});

 3. 扩展 jQuery 元素集来提供新的方法

jQuery.fn.extend({
  check: function() {
    return this.each(function() { this.checked = true; });
  },
  uncheck: function() {
    return this.each(function() { this.checked = false; });
  }
});

 或

$.fn.XXXXXX = function(options){
		return this.each(function(){ //.....
		});
};

 

 

 4. 实例

(function ($) {
    $.fn.extend({
        //插件名称 - Plugins_XXXX
        Plugins_XXXX: function (options) {

            //参数和默认值
            var defaults = {};

            var options = $.extend(defaults, options);

            return this.each(function () {
                //方法
            });
        }
    });
})(jQuery);

 

 

 

(function($){
	
	$.fn.XXXX = function(options){
		var opts = $.extend({},$.fn.dragDrop.defaults,options);
		return this.each(function(){
		// 方法
		});
	};
	//默认配置
	$.fn.XXXX.defaults = {k1:v1};
})(jQuery);

 

 

 

 

$.fn.XXXX = function(settings){
	var options = {k1:v1};
	settings = settings || {};
	$.extend(options, settings);
	return this.each(function(){ 
		//初始化方法
	});
};

$.XXXX = 
{
	YYY : function()
	{
		
	}
}

 

 

 

 

 

 

 

 

分享到:
评论

相关推荐

    jquery插件库(jquery.treeview插件库)

    jquery插件库(jquery.treeview插件库)jquery插件库(jquery.treeview插件库)jquery插件库(jquery.treeview插件库)jquery插件库(jquery.treeview插件库)jquery插件库(jquery.treeview插件库)jquery插件库(jquery....

    jquery回到顶部插件jquery.goup.js

    今天我们将深入探讨一款名为“jquery.goup.js”的jQuery插件,了解它的原理、使用方法以及如何自定义以满足不同需求。 一、jquery.goup.js概述 “jquery.goup.js”是jQuery的一个轻量级插件,专门用于实现“返回...

    JQuery颜色渐变插件jquery.color.js

    这些原生特性在性能上可能优于jQuery插件,因为它们是由浏览器直接处理的,无需依赖JavaScript。然而,在支持较旧浏览器或需要更复杂动画控制的场景下,`jquery.color.js`仍然是一种可靠的选择。 总的来说,`jquery...

    jQuery分享插件.zip

    1. **引入依赖**:首先在网页中引入jQuery库和`jquery.share.js`文件。这通常是在HTML文档的`&lt;head&gt;`部分或者`&lt;body&gt;`底部添加`&lt;script&gt;`标签完成。 2. **设置HTML结构**:创建分享按钮的HTML元素,可以是链接或...

    jsontree (jquery.treeview.js) jQuery插件版 treeview1.0

    jsontree (jquery.treeview.js) jQuery插件版 treeview1.0jsontree (jquery.treeview.js) jQuery插件版 treeview1.0jsontree (jquery.treeview.js) jQuery插件版 treeview1.0jsontree (jquery.treeview.js) jQuery...

    jquery多风格多功能滚动特效代码插件jquery.liMarquee.js下载.zip

    《jQuery多风格多功能滚动特效代码插件:jquery.liMarquee.js》 在Web开发中,动态滚动效果常常被用于展示新闻、广告或者任何需要滚动显示的内容。jQuery作为一个强大的JavaScript库,提供了丰富的API和插件来实现...

    jquery.scrollTo.js网页滚动插件下载.rar

    在实际项目中,配合其他jQuery插件和前端框架,如Bootstrap或Vue.js,jQuery.scrollTo.js能发挥更大的作用。但同时,也要注意性能优化,避免过度依赖滚动特效导致的页面卡顿。总之,熟练掌握并运用jQuery.scrollTo....

    Jquery.media.js插件

    Jquery.media.js插件,包含三个文件:jquery.media.js、jquery-1.7.2.min.js、demo.html demo文件如下: &lt;html&gt; &lt;head&gt; [removed][removed] [removed][removed] [removed] $(function() { $('....

    jquery.qrcode.min.js---二维码的jquery插件

    jquery.qrcode.min.js 二维码的jquery插件

    jquery.event.drag jquery拖动插件

    1. **引入依赖**:首先,确保引入jQuery库和`jquery.event.drag.js`插件文件。 2. **初始化插件**:对需要拖动的元素应用`.eventDrag()`方法,可以设置选项,如: ```javascript $('.draggable-element')....

    jquery.media.js在线媒体播放插件

    jquery.media.js在线媒体播放插件。 jquery.media.js在线预览pdf插件。 jquery.media.js 是一个在网页中嵌入多媒体文件的前端插件,必须使用HTML标签,此插件不仅支持视频媒体播放而且还支持线预览pdf。

    jQuery QQ表情插件jquery.qqFace.js

    同时,文件列表中的`index.html`、`www.jq22.com.txt`、`jquery插件库.url`、`arclist`、`js`、`css`等内容,提供了完整的示例和相关资源,便于开发者参考和实践。 总之,jQuery QQ表情插件jquery.qqFace.js为网页...

    jquery.cookie.js,jquery.min.js

    1. **jQuery**: jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画效果和Ajax交互。在压缩包中,我们有两个jQuery相关的文件——`jquery.min.js`和`jquery-1.11.0.min.js`。`jquery.min.js`可能...

    jquery.graphviz.svg, 使 graphviz svg图表响应响应的jquery插件.zip

    jquery.graphviz.svg, 使 graphviz svg图表响应响应的jquery插件 jquery.graphviz.svg可以使Graphviz的输出更加交互和易于浏览的jQuery插件。 使具有以下特性的功能变得容易:突出显示节点/边放大/缩小图形导航- ...

    js生成二维码jquery.qrcode.js

    1. **引入库**:在HTML文件中,你需要引入jQuery库和`jquery.qrcode.js`插件。通常情况下,jQuery会从CDN(内容分发网络)加载,而`jquery.qrcode.js`则放置在你的项目文件夹内。 ```html &lt;script src="https://code...

    jquery.media.js 插件实现在线预览PDF文件

    jQuery插件是扩展其功能的代码片段,通过`.extend()`方法将新功能添加到jQuery核心对象中。`jquery.media.js`就是这样一个插件,它扩展了jQuery,使其具备了处理PDF预览的能力。 2. **PDF 文件在线预览**:PDF...

    cookie设置插件jquery.cookie.min.js

    cookie设置插件jquery.cookie.min.js 文章《javascript设置cookie高级篇可跨域访问》https://blog.csdn.net/cplvfx/article/details/117822956

    jquery.min.js,很好用的基础插件

    7. **插件生态(Plugin Ecosystem)**:jQuery拥有庞大的插件生态系统,开发者可以方便地找到并使用各种预构建的解决方案,如表单验证、轮播图、日期选择器等。 `jquery.min.js`作为压缩版,通过删除注释、精简变量...

    跨浏览器控制图片旋转jquery插件jquery.rotate.js.zip

    跨浏览器控制图片旋转jquery插件jquery.rotate.js.zip 跨浏览器控制图片旋转jquery插件jquery.rotate.js.zip 跨浏览器控制图片旋转jquery插件jquery.rotate.js.zip

    表格排序插件jquery.tableSort.js

    今天我们将深入探讨的是一个专门用于表格排序的jQuery插件——jquery.tableSort.js。 一、jquery.tableSort.js简介 jquery.tableSort.js是一款轻量级的表格排序插件,它能够方便地为HTML表格添加排序功能。用户只...

Global site tag (gtag.js) - Google Analytics