验证中...
助力高校计算机教育 —— 码云为老师推出免费高校版,高达 200 人的协作团队
语言: 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 )

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

10_float_left_people 10_float_left_close