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

  • 相关阅读:
    Python3学习之路~8.5 SocketServer实现多并发
    Python3学习之路~8.4 利用socket实现文件传送+MD5校验
    [jzyzoj2021]lca模板题
    [BZOJ4542] [JZYZOJ2014][Hnoi2016] 大数(莫队+离散化)
    BZOJ3289[JZYZOJP2018]: Mato的文件管理 莫队+树状数组+离散化
    离散化的后续
    数据离散化 ( 以及 stl 中的 unique( ) 的用法 )+ bzoj3289:Mato的文件管理
    stl upper_bound()
    [BZOJ 3720][JZYZOJ 2016]gty的妹子树 强制在线 树分块/树套树
    所以学树分块的时候为什么要看vector啊sjb
  • 原文地址:https://www.cnblogs.com/xibei666/p/5167139.html
Copyright © 2011-2022 走看看