jQuery自定义函数

于 2015-04-15 10:24:10 发布
阅读量513 收藏
点赞数
分类专栏： # jquery 文章标签： function 扩展 应用

方法一：

<script type="text/javascript">

    $.fn.setApDiv=function () {

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

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

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

       var apHeight=wheight-$(this).height();

       var apWidth=wwidth-$(this).width();

       $(this).css({"position":"absolute"})

       $(this).css("top",apHeight/2);

       $(this).css("left",apWidth/2);

       $(this).css({"background":"green"});

    };

 

    $(function(){

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

    })

</script>

<body>

    <div id="apDiv"></div>

</body>

 

方法二：

<script type="text/javascript">

//jQuery 应用扩展

jQuery.extend({

         // 设置 apDiv

       setApDiv:function (divString) {

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

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

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

           var apHeight=wheight-$(divString).height();

           var apWidth=wwidth-$(divString).width();

           $(divString).css({"position":"absolute"})

           $(divString).css("top",apHeight/2);

           $(divString).css("left",apWidth/2);

           $(divString).css({"background":"green"});

       }

 });

 

$(function(){

    $.setApDiv("#apDiv");

})</script>

<body>

<div id="apDiv"></div>

</body>

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

 

方法三：

<script type="text/javascript">

    $.xyz = function(num1,num2){

       var num11=parseInt(num1);

       var num22=parseInt(num2);

       alert(num1+"+"+num2+"="+(num11+num22));

    }

   

    $(function(){

       $.xyz("11","44");

    })

</script>

 

zheng963
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值