jquery 插件学习(六)

 更新时间:2012年08月06日 22:14:15   作者:  
把其中的参数默认值作为$.fn.color对象的属性单独进行设计,然后借助jquery.extend方法,覆盖原来的参数选项即可
复制代码 代码如下:

;(function($){
$.extend($.fn,{
color : function(options){
var options = $.extend({},$.fn.color.defaults,options);
return this.each(function(){
$(this).css("color",options.bcolor);
$(this).css("background",options.fcolor);
});
}//color==end
})
$.fn.color.defaults ={bcolor :"white",fcolor :"black"}

})(jQuery);

复制代码 代码如下:

$.fn.color.defaults ={bcolor:"#c06",fcolor:"red"}//写自己的参数,设置颜色
$('h1').color();
$('p').color({bcolor:"#fff"});//重复覆盖北背景色为白色,默认设置字体

上面的调用,有写在外面的,有写在()里的,你学会了吗? 这节的参数详细说明就到这里了,欢迎来到我的学习小天地。网上搜下插件学习,铺天盖地,却没有个真正解决我的问题,我仔细钻研,希望你在这里学到你想要的东西。

相关文章

  • jQuery的ready方法详解

    jQuery的ready方法详解

    本文主要介绍了jQuery的ready方法的使用方法,用此方法实现了当爷们加载完成后才执行的效果,有相同需求的小伙伴可以参考下。
    2014-11-11
  • jquery的$().each和$.each的区别

    jquery的$().each和$.each的区别

    今天小编就为大家分享一篇关于jquery的$().each和$.each的区别,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
    2019-01-01
  • jquery图片不完全按比例自动缩小的简单代码

    jquery图片不完全按比例自动缩小的简单代码

    开发前期用自动生产 固定大小的图片 进行 显示,发现不能满足,在前期的时候把保存了原图,现在只能显示原图,原图由于上传时候没有做任何限制所有要使用 图片不完全按比例缩小,下面是代码
    2013-07-07
  • jQuery中[attribute!=value]选择器用法实例

    jQuery中[attribute!=value]选择器用法实例

    这篇文章主要介绍了jQuery中[attribute!=value]选择器用法,实例分析了[attribute!=value]选择器匹配不包含指定属性元素的使用技巧,具有一定的参考借鉴价值,需要的朋友可以参考下
    2014-12-12
  • JQuery的Alert消息框插件使用介绍

    JQuery的Alert消息框插件使用介绍

    没有厌倦了原来那alert那个风格,总是一个感叹号。有时使得UE不好,今天我们介绍使用Jquery Alert插件 ,使用它可以用来替换JScript中的alert,confirm,prompt。
    2010-10-10
  • 在次封装easyui-Dialog插件实现代码

    在次封装easyui-Dialog插件实现代码

    在次封装easyui-Dialog插件实现代码,需要的朋友可以参考下。
    2010-11-11
  • 基于jQuery实现页面搜索功能

    基于jQuery实现页面搜索功能

    这篇文章主要为大家详细介绍了基于jQuery实现页面搜索功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-07-07
  • jquery 操作表格实现代码(多种操作打包)

    jquery 操作表格实现代码(多种操作打包)

    最近做东西需要对表格进行操作,用到的动作包括:添加一行数据、删除一行数据、上下移动数据,网上找了很多,但是不能完全满足我的需求,自己琢磨了下,搞了个这个东东
    2011-03-03
  • jQuery中ScrollTo用法示例

    jQuery中ScrollTo用法示例

    这篇文章主要介绍了jQuery中ScrollTo用法,结合实例形式分析了jQuery中ScrollTo的功能、使用方法与相关操作技巧,需要的朋友可以参考下
    2016-09-09
  • 读jQuery之五(取DOM元素)

    读jQuery之五(取DOM元素)

    使用过Prototype.js的同学知道$(xx)调用后返回的是HTMLElement或其集合。
    2011-06-06

最新评论