Jquery自定义扩展方法（一）

时间：2021-08-12 09:15:08

jquery是一款流行的JS框架，自定义JS方法，封装到Jquery中，调用起来也挺方便的，怎么写Jquery扩展方法那，网上翻阅了一部分代码，其实也挺简单的：

方式一：

(jQuery.fn.setApDiv=function () {

        //apDiv浮动层显示位置居中控制

        var wheight=$(window).height();

        var wwidth=$(window).width();

        var apHeight=wheight-$("#apDiv").height();

        var apWidth=wwidth-$("#apDiv").width();

        $("#apDiv").css("top",apHeight/);

        $("#apDiv").css("left",apWidth/);

    })

或者：

(function ($) {

        $.fn.extend({

            //弹窗蒙层

         ShowLoadDialog : function () {

        //apDiv浮动层显示位置居中控制

        var wheight=$(window).height();

        var wwidth=$(window).width();

        var apHeight=wheight-$("#apDiv").height();

        var apWidth=wwidth-$("#apDiv").width();

        $("#apDiv").css("top",apHeight/);

        $("#apDiv").css("left",apWidth/);

             }

        })

})(jQuery)

调用代码：

$("#apDiv").setApDiv();

方式二：

  jQuery.extend({

              // 设置 apDiv

            setApDiv:function () {

            //apDiv浮动层显示位置居中控制

            var wheight=$(window).height();

            var wwidth=$(window).width();

            var apHeight=wheight-$("#apDiv").height();

            var apWidth=wwidth-$("#apDiv").width();

            $("#apDiv").css("top",apHeight/);

            $("#apDiv").css("left",apWidth/);

            }

      });

或者：

(function ($) {

        $.extend({

            //弹窗蒙层

            ShowLoadDialog : function () {

              // 设置 apDiv

            setApDiv:function () {

            //apDiv浮动层显示位置居中控制

            var wheight=$(window).height();

            var wwidth=$(window).width();

            var apHeight=wheight-$("#apDiv").height();

            var apWidth=wwidth-$("#apDiv").width();

            $("#apDiv").css("top",apHeight/);

            $("#apDiv").css("left",apWidth/);

            }

     })})(jQuery)

调用代码：

$.setApDiv();

三、扩展：

jQuery中Ajax提交，针对Form窗体，我们采用的方式就是去除input值，然后组成Json或者其他方式提交，如果重复的用$("#vid").val()，这种方式处理，显得很繁琐，能不能用其他发送提交表单那，查阅资料之后，发现有个map方法，可以解决问题，代码粘贴如下：

$.ajax({

   var str_data=$("#dlg_form input").map(function(){

  return ($(this).attr("name")+'='+$(this).val());

}).get().join("&") ;

   type: "POST",

   url: "some.php",

   data: str_data,

   success: function(msg){

     alert( "Data Saved: " + msg );

   }

});

参考不错的博客文章地址：http://www.cnblogs.com/nangong/archive/2013/07/23/3208302.html

相关文章