zoukankan      html  css  js  c++  java
  • Jquery自定义扩展方法(一)

    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/2);
            $("#apDiv").css("left",apWidth/2);
        })
    或者:
    (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/2);
            $("#apDiv").css("left",apWidth/2);
                 }
            })
    })(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/2);
                $("#apDiv").css("left",apWidth/2);
                }
          });    
    或者:
    (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/2);
                $("#apDiv").css("left",apWidth/2);
                }
         })})(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

  • 相关阅读:
    .dll .h .lib等文件的作用与区别
    [转自]语言黑客的福音
    [转载]一个台湾程序员的心历路程
    Servlet学习总结
    会话跟踪(Cookie & Session)
    JSP学习总结
    人往高处走,水往低处流
    GDI 和GDI+ 混合编程
    常用到的知识
    Sqlite3相关
  • 原文地址:https://www.cnblogs.com/xibei666/p/5167139.html
Copyright © 2011-2022 走看看