这些代码行是什么意思?

时间:2012-02-14 16:57:38

标签: jquery

我从插件中提取下面的代码,我正在努力理解某些代码行,比如这里使用的extend,insertAfter和append方法。我不想复制和粘贴整个代码,所以我做了一些修改,希望它不会让你们困惑吗?请有人解释这些代码行

    var $j = jQuery.noConflict();    
    $j("#myDiv").myPlugin({

                    ready: function() {
                        someFunction_1();
                    },
                    change: function(isOn) {
                        someFunction_2();           
                    }
                });


        $j.fn.myPlugin = function(arg) {

             if (typeof(arg) == "undefined" || typeof(arg) == "object") {

                this.hide().each(function() {

                     var data = $j.extend({ checkbox: $j(this), cancelClick: false }, typeof(arg) == "object" ? arg : { });

                     data.div = $j("<div class='slider-switch-actual'></div>").insertAfter($j(this).data("sliderSwitch", data));


                      data.div.append(


                        $j("<img/>")
                            .attr("src", "image.png")
                            .addClass("active")
                            .load(function() {
                            //code

                            });
)
                }
            }


            return this;
            }

2 个答案:

答案 0 :(得分:4)

答案 1 :(得分:0)

有些人已经在jQuery的文档中解释了所有这些......

jQuery.extend()

.insertAfter()

.append()