Jquery学习插件

学习Jquery插件,并调用外部对象,对象使用静态方法,

/*
 Jquery.fluginMsg.js
*/

(function ($) {//Start


    
    //NumOjb开始 注对象函数必须写在此处
    function NumObj() {
       
       //调用静态方法
        NumObj.Add();
       // alert(NumObj.Index);
    }

    ///静态变量
    NumObj.Index = 0;

    ///静态方法
    NumObj.Add = function () { NumObj.Index++; }
    //NumObj结束

    ///插件开始
    $.fn.fluginMsg = function (options)  //funtion Start
    {


        NumObj();
        var defaults = { text: 'div_' + NumObj.Index };
        var opt = $.extend(defaults, options);




        //return each 开始
        return this.each(function () {

            // alert(opt.txt);
            var div_id = 'div_' + NumObj.Index;
            var div = $("<div id=" + div_id + ">" + opt.text + "</div>");
            $(this).append(div);
            div.bind("click", function () { alert(div_id); });
            // var temp = $(this).val();

            /*
            $(this).hover( //hover Start ---
            function () {

            $(this).val(options.txt);
            },
            function () {
            $(this).val(temp);
            }
            ) //hover End -----

            */

        }); // //return each 结束
    } //function End   插件结束

} //End
) 
(jQuery);

前台

@section Script
{
    <script type="text/javascript">
  //src="../../Scripts/jquery-1.7.2.js"<input id="Text1" value="测试" type="text" />
        $(function () {
            
            //alert('msg');
            $("#div").fluginMsg();
            $("#div").fluginMsg();
        }) 
    </script>
}


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值