验证中...
8月18日(周六)成都源创会火热报名中,四位一线行业大牛与你面对面,探讨区块链技术热潮下的冷思考。
语言: JavaScript
分类: jQuery 插件
最后更新于 2018-05-10 15:18
gistfile1.txt
原始数据 复制代码
// Jquery插件的四步走
// 1、JQuery的插件定义在Jquery.fn的基础上
// 2、命名冲突的解决
// 3、循环jQuery对象中的每个元素
// 4、在函数中,将jQuery(this)返回
// 实例:随机颜色的插件定义
(function($){
$.fn.extend({
// 定义自己写的函数方法
randomColor:function(){
function random(){
var r = Math.floor(Math.random()*256);
var g = Math.floor(Math.random()*256);
var b = Math.floor(Math.random()*256);
return 'rgb('+ r +','+ g +','+ b +')';
}
// this指向的就是我们通过this选择器选取到的所有元素组成的伪数组
this.each(function(index){
$(this).css({
background:random()
});
});
// 链式编程
return this;
}
});
})(jQuery);
// 使用
$("div").randomColor();

评论列表( 0 )

你可以在登录后,发表评论