jQuery高级应用

jQuery高级应用

 $.ptocy() //改变this指向
 var name = "xin";
 function show(a,b){
     console.log(this.name);
     console.log(a,b)
 }
 var person = {
     name : "qiao"
 }
 $.proxy(show,person)(1,2);

 var obj = {
     init : function(){
         this.bindEvent();
     },
     bindEvent : function(){
         $(document).click($.proxy(this.cb,this));
     },
     cb : function(){
         console.log(this);
         this.aa();
     },
     aa : function(){
         console.log("aa");
     }
 }
 obj.init();

 $.noConflict() //移交$权限
 var query = $.noConflict();

 $.parseJSON();  //将字符串转化为JSON格式
 var obj = {
     "name" : "xin",
     "ege" : 18,
     "sex" : "male"
 }
 var person = JSON.stringify(obj);
 JSON.parse(person);
 $.parseJSON(person);

 var arr = {
     "0" : 1,
     "1" : 2,
     "2" : 3,
     "length": 3,
     "slice" : Array.prototype.slice
 }
 $.makeArray(arr);

 $.extend({
     sayName : function(){
         console.log("xin");
     }
 })
 $.sayName();

 var obj1 = {
     person1 : {
         ege : 18
     },
     num : 1
 }
 var obj2 = {
     person2 : {
         ege : 18
     },
     num : 2
 }
 $.extend(true,obj1,obj2); //加true为深度合并
 obj1.person1.ege = 20;
 
 function fn1() {
     console.log("fn1");
 }
 function fn2() {
     console.log("fn2");
 }
 function fn3() {
     console.log("fn3");
 }
 var cb = $.Callbacks("once");        
 cb.add(fn1,fn2,fn3);
 cb.fire();
 cb.fire();

 function a() {
     var dtd = $.Deferred();            
     dtd.notify();
     // dtd.resolve();
     // dtd.reject()
     setTimeout(function(){
         dtd.resolve();
     },1000)
     return dtd.promise();
 };
 var dtd = a();
 dtd.done(function(){
     console.log("success");
 }).fail(function(){
     console.log("error")
 }).progress(function(){
     console.log("doning")
 })

 function a() {
     var dtd = $.Deferred();            
     dtd.notify();
     // dtd.resolve();
     // dtd.reject()
     setTimeout(function(){
         dtd.resolve();
     },1000)
     return dtd.promise();
 };
 function b() {
     var dtd = $.Deferred();
     dtd.reject();
     return dtd;
 }
 var dtd = a();
 var dtd2 = b();
 $.when(dtd,dtd2).done(function(){
     console.log("success");
 }).fail(function(){
     console.log("error")
 }).progress(function(){
     console.log("doning")
 })