jQuery扩展extend一

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery扩展extend一相关的知识,希望对你有一定的参考价值。

  把这个扩展写在这里,以后要是忘了可以回头查看。

 1 (function(j) {// 这里的j是一个形参,表示传入的jQuery对象,j可以任意填写
 2     j.extend({// 相当于给jQuery对象加上了一个属性readName,而这个属性是一个方法
 3         // 通过传入的jQuery对象,
 4         // 然后再用jQuery.exetend(functionName:function(){});
 5         // 这种方式扩展jQuery的方法,
 6 
 7         // 使用方法或者说是调用方式:$.readName(‘I am 你大爷 ‘);
 8         this_ : this,
 9         timeId: null,
10         flagWyl:null,
11         readName : function(name) {
12             // alert(typeof this);
13             // alert(typeof window);
14             // alert(typeof this.name);
15             console.log(typeof this.name);
16             console.log(typeof this);
17             if (name == null || name == undefined || name == ‘‘) {
18                 // alert(‘没有入参name!‘);
19                 console.log(‘没有入参name!‘)
20 
21             } else {
22                 // alert(‘入参name:‘+name);
23                 console.log(‘入参name:‘ + name);
24             }
25         },
26         //封装提示的内容:
27         Walert:function(msg){
28             alert(‘系统异常:‘+msg);
29         },
30         /**
31          * toId:需要设置时间的表单的Id,
32          * flag:true的时候,设置本地时间格式,false,设置成通用格式
33          */
34         WsetTime:function(toId,flag){
35             var d = new Date();
36 //            window.setInterval(‘$.WsetTime(‘+toId+‘,‘+flag+‘)‘,10000);
37             if(flag){
38                 $(‘#‘+toId+‘‘).attr(‘value‘,d.toLocaleString());
39             }else{
40                 $(‘#‘+toId+‘‘).attr(‘value‘,d.toTimeString());
41             }
42 //            $.this_ = this;//把当前对象传给 存储临时变量的对象,当前对象即WsetTime()这个函数
43             $.timeId = toId;
44             $.flagWyl = flag;
45         },
46         /**
47          * 设置时间间隔
48          */
49         WsetGap:function(intervalTime){
50             if($.timeId){
51                 window.setInterval(‘$.WsetTime(‘+$.timeId+‘,‘+$.flagWyl+‘)‘,intervalTime);
52             }
53         },
54         /**
55          * 封装console.log()方法
56          */
57         logW:function(paras){
58             console.log(‘logW:‘+paras);
59         }
60         
61     })
62 })(jQuery)// 这个jQuer一定要这样写,表示传入jQuery对象

以上的代码的前提是要在项目中引入jQuery.js,以上的js链接:myJqueryExtend.js

以上是关于jQuery扩展extend一的主要内容,如果未能解决你的问题,请参考以下文章

jQuery扩展

jQuery扩展extend一

jQuery.extend()和jQuery.fn.extend()的区别

jquery extend扩展方法(类方法和对象方法)

jquery extend 多个扩展方法

实用代码片段将json数据绑定到html元素 (转)