• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
白道友
博客园    首页    新随笔    联系   管理    订阅  订阅

工具方法: jQuery.方法() $.extend (小计)

$.extend(布尔值,目标对象,合并对象,……)
                布尔值 : true,深拷贝(递归拷贝)   false,浅拷贝(非递归拷贝)
                
                对象方法:(给jQuery的prototype添加方法)
                $.fn.extend()

例子:

//             将字符串左边的空格去除
//             将字符串右边的空格去除
//             拓展到jQuery中
            
            $.extend({
                wipeLeftBlank : function(str){
                    let arr = str.split('');
                    for(var i = 0;arr[i] === ' ';){
                        arr.shift();
                    }
                    return arr.join("");
                    //return str.replace(/^\s+/g,'');
                },
                wipeRightBlank : function(str){
                    let arr = str.split('');
                    for(var j = arr.length - 1;arr[j] === ' ';){
                        arr.pop();
                        j = arr.length - 1;
                    }
                    return arr.join("");
                    //return str.replace(/\s+$/g,'');
                }
            })
            $.fn.extend({
                wipeLeftBlank : function(str){
                    let arr = str.split('');
                    for(var i = 0;arr[i] === ' ';){
                        arr.shift();
                    }
                    return arr.join("");
                    //return str.replace(/^\s+/g,'');
                },
                wipeRightBlank : function(str){
                    let arr = str.split('');
                    for(var j = arr.length - 1;arr[j] === ' ';){
                        arr.pop();
                        j = arr.length - 1;
                    }
                    return arr.join("");
                    //return str.replace(/\s+$/g,'');
                },
                drag : function(){
                    var that = this;
                    this.mousedown(function(evt){
                        // alert(this); //$('#box');
                        var disX = evt.pageX - $(this).offset().left;
                        var disY = evt.pageY - $(this).offset().top;
                        $(document).mousemove(function(evt){
                            //alert(this);  //原生节点对象
                            that.css({left : evt.pageX - disX,top : evt.pageY - disY});
                        })
                        $(document).mouseup(function(evt){
                            that.off();
                        })
                        return false;
                    })
                }
            })
            
            console.log('(' + $().wipeLeftBlank('    a    b    ') + ')');
            console.log('(' + $().wipeRightBlank('    a    b    ') + ')');
            $("#box").drag();

 

posted @ 2019-03-04 19:30  白道友  阅读(297)  评论(0)    收藏  举报
刷新页面返回顶部
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3