明凯博客

关注网站技术,一个特立独行的全栈程序员

Jquery中添加自定义函数的方法

方法一:

1
2
3
4
5
6
7
8
9
   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);
    }

调用方法:

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

方法二:

1
2
3
4
5
6
7
8
9
10
11
12
13
      //jQuery 应用扩展
      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);
            }
      });

调用方法:

1
$.setApDiv();

总结 一种如$.extend({‘aa’:function(){}}),这种调用时就是这样$.aa(),另一种如$.fn.extend({‘aa’:function(){}}),这种调用时就得这样,$(this).aa()

方法三:

1
2
3
  $.postJSON = function(url, data, callback) {
  $.post(url, data, callback, "json");
 };

调用方法:

1
$.postJSON('/post/getsecurejsonpost',{}, function(data) {});

, , , ,

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注