源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

jquery 插件学习(一)

  • 时间:2020-02-04 11:01 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:jquery 插件学习(一)
言归正传拉,开始跟我学习吧:); 1.jquery自定义了 jQuery.extend()和jQuery.fn.extend()方法,其中,jQuery.extend()方法能够创建全局函数或者选择器,而jQuery.fn.extend()能够创建jQuery对象方法。在这里啰嗦讲下:这2个方法,都包含一个参数,改参数仅接受名/值对结构的对象,其中名表示函数或方法名,而值表示函数体。
[u]复制代码[/u] 代码如下:
jQuery.extend({ minValue : function(a,b){ return a>b? b:a; }, maxValue : function(a,b){ return a<b? b:a; }, })
[u]复制代码[/u] 代码如下:
<script> $(function(){ $('input').click(function(){ var a = prompt("请输入一个值"); var b = prompt("请输入一个值"); var c = jQuery.minValue(a,b); var d = jQuery.maxValue(a,b); alert("你输入的最小值:"+c+"\n你输入的最大值:"+d); }); }); <script>
<input type="button" value ="jQuery插件测试" /> 在实际开发中,jQuery.extend()方法,为插件方法传递系列选项结构的参数。
[u]复制代码[/u] 代码如下:
function fn(options){ var options = jQuery.extend({name1: value1,name2 :value2,name3 : value3},options); //函数体 }
调用: fn({name1:value2,name2:jine,name3:hx});//覆盖新值 fn({name4:value2,name5:jine,});//添加新选项 fn();//保持默认值 未完待续。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部