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://bzwzjz.com/article/pdcjhj.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 高端网站设计 盐亭网站设计 成都网站建设公司 网站建设 网站设计制作报价 网站建设推广 成都品牌网站建设 成都网站建设 网站制作报价 企业网站设计 品牌网站建设 网站设计 网站制作公司 教育网站设计方案 阿坝网站设计 网站设计 成都定制网站建设 外贸营销网站建设 网站建设方案 成都商城网站制作 定制网站制作 温江网站设计