jQuery插件入门学习——学习目标:写一个星级评分插件(jquery插件基础写法)
1.jQuery.fn.extend(object);
专注于为中小企业提供成都网站设计、成都做网站服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业西藏免费做网站提供优质的服务。我们立足成都,凝聚了一批互联网行业人才,有力地推动了上1000家企业的稳健成长,帮助中小企业通过网站建设实现规模扩充和转变。
对jQuery.prototype进得扩展,就是为jQuery类添加“成员函数”。jQuery类的实例可以使用这个“成员函数”,
比如我们要开发一个星级评分插件,可以这么做
jQuery.fn.extend({
ratingStars:function(){ }
})
等价与
jQuery.prototype.extend(ratingStars);
还等价于:
jQuery.fn.ratingStars = function( options ) { }
调用时:
$(".rating-stars").ratingStars(ratingOptions);
2. $.extend( { }, defaults, options ); 合并参数对象的写法
3.星级评分插件实现
步一:页面搭建
步二:jQuery插件实现过程1:
jQuery.fn.ratingStars = function( options ) {
//注意:此处为插件配置参数
var defaults = {
selectors: {
}
};
var settings = $.extend( { }, defaults, options );
//此处为这个插件的对象方法配置
var methods={
init: function(element){
}
}
/*此处返回值为一个循环调用methods对象的init方法来实现,this指向方法在外部获取元素对象实例的HTML: $(".rating-stars"),
调用执行时 $(".rating-stars").ratingStars(ratingOptions)调用后,实现星级评分插件的使用,并且可以实现在HTML一个页里调用
很多个重复结构
*/
return this.each(function() {
methods.init($(this));
});
}
新闻标题:jQuery插件入门学习——学习目标:写一个星级评分插件(jquery插件基础写法)
本文链接:http://scyanting.com/article/pdcjhj.html