You don't have javascript enabled. Good luck! :(

欢迎页

Welcome to Ganace's Blog


欢迎您来到Ganace 的个人博客。

在茫茫互联网的海洋里能够遇见,实在是一份不小的幸运。

诚挚地向您问候一声:您好,朋友!

这里是属于Ganace个人的隐秘小空间,记录了工作学习中遇到的知识点与灵感,以及生活中的碎碎念与吐槽突如其来的中二病尬尬的文艺时间锻炼腹肌的时刻惊喜的小发现等等。

想要在自己的平淡无奇的人生长河中留下些什么,

或者只是为了拯救老人家岌岌可危的记忆力,

仅此而已。

来到此地,分享与你。

也期待与您的再次相遇!

Share with Me


有任何的分享或者建议与吐槽,都可以Email我:ganace@foxmail.com

欢迎您的来信!

【jQuery】关于jQuery插件扩展方法

  Jul 19, 2018     Ganace     Front-end-Foundation

jQuery

这里是一篇Ganace记录的关于jQuery插件扩展方法的文章。

这个需要用jQuery的相关对象来处理AJAX简化代码:

重点笔记


根据设定参数修改文字颜色与背景颜色

$.fn.changecolor = function (options) {
	var opts = $.extend({}, $.fn.changecolor.defaults, options);
    this.css('color', opts.color).css('backgroundColor', opts.bgColor);
	return this;
}

// 初始默认值
$.fn.changecolor.defaults = {
    color: '#00BCD4',
    bgColor: '#ffffff'
}

其中,var opts = $.extend({}, $.fn.changecolor.defaults, options);opts合并默认值和用户设定值。 其中,return this;返回this保证链式操作。

$.extend({}, obj1, obj2)是jQuery提供的辅助方法,它把所得的结果全部合并在{}中并返回,obj2中有与obj1同名的属性时,越靠后的obj2中的属性值会覆盖靠前的obj1的。