# mapfish

**Repository Path**: hackTony/mapfish

## Basic Information

- **Project Name**: mapfish
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2016-04-17
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

##选择器
    $('#id')
    $('.class')
    $('div')
    $(selector).eq(0)
    $(selector).first()
    $(selector).last()
    $(selector).find('a')
    $(selector).parent()
    $(selector).prev()
    $(selector).prev('input')
    $(selector).prevAll()
    $(selector).prevAll('input')
    $(selector).next()
    $(selector).next('input')
    $(selector).nextAll()
    $(selector).nextAll('input')
    $('selector:first')
    $('selector:last')
    $('selector').siblings()
    $('.main .left h1') //复杂选择器
    $('selector:last .subselector span:first i')
    $('form input[name="id"]:checked')  // :checked :first :last

##事件
    $(selector).on('eventName',function(){})
    $(selector).bind('click', function(){})
    $(selector).unbind('click')
##方法
    $(function(){})
    $(selector).css('color','red')
    $(selector).css({'width':'100','height':'100'}})
    $(selector).css('color')    //获取
    $(selector).attr('src','http://xxx.yyy.cn/img.jpg')
    $(selector).attr({'name':'userName',...})
    $(selector).attr('src')  //获取
    $(selector).removeAttr('src')
    $(selector).show()
    $(selector).hide()
    $(selector).html()
    $(selector).html('<i>123</i>')
    $(selector).text()
    $(selector).text('123')
    $(selector).val()
    $(selector).val('123')
    $(selector).empty()
    $(selector).append(object)
    $(selector).addClass('active')
    $(selector).removeClass('active')
    $(selector).center()    //相对body屏幕居中，依赖css布局
    $(selector).remove()
    $(selector).serialize() //表单序列化，返回json对象
    $(selector).drag()      //拖拽。依赖css布局
    $(selector).dragEx()    //拖拽+弹性运动。依赖css布局
    $(selector).run({speed:6, interval: 50; left: 300; top: 300}) //
                    speed: 每次移动距离
                    interval: 速度
                    left: 右移动最大值
                    top: 下移动最大值
    $(selector).rotation1(interval)     //interval:1000=1秒，默认3秒。渐变轮播。依赖css布局
    $(selector).rotation2(interval)     //interval:1000=1秒，默认3秒。向上滚动轮播。依赖css布局
    $(selector).rotation3(interval)     //interval:1000=1秒，默认3秒。向左滚动轮播，覆盖方式。依赖css布局
    $(selector).rotation4(interval)     //interval:1000=1秒，默认3秒。向左滚动轮播，左推方式。依赖css布局
    $(selector).rotation5(minWidth)     //minWidth:非焦点时所占宽度，非轮播。默认平均占取宽度。依赖css布局
    $(selector).round2d(r,interval)     //r:半径,默认50, 30:定时器转动间隔，默认30。依赖css布局
    $(selector).round3d(r,interval)     //r:半径,默认50, 30:定时器转动间隔，默认30。依赖css布局
    $(selector).is(':checked')
    $(selector).each(fn)
    $(selector).animate({left:300,top:300,speed:20,interval:30})	//left:目标位置，top:目标位置,speed:运动速度,interval:定时器间隔时间

##工具方法
    $.each(array, fn)
    $.trim()
    $.browser()
    $.now()                 // format: 2016-01-01 14:51:33
    $.isFunction(obj)
    $.isArray(obj)
    $.random(n, m)         // 返回n - (m-1) 随机数
    //ajax
    $.get(url, data, fn)
    $.post(url, data, fn)
    $.put(url, data, fn)
    $.delete(url, data, fn)
    $.isNull(string)
    //
    $.indexOf               // return index
    $.parseJSON(obj)        // $.parseJSON('{"userName":"abc"}')

    $.lock()
    $.lock({loading:true})  // 显示loading.gif
    $.unlock()

    $.alert(message)
    $.alert({
        msg:'a message',
        title:' title '
    });

    //confirm
    $.confirm(message);

    $.confirm({
        msg: '确定要关闭吗？',
        confirm:function(){
            console.log(this);
            $.msg('confirm');
        },
        cancel:function(){
            console.log(this);
            $.msg('cancel');
        },
        title:'系统消息'
    });

    $.msg(message)
    $.msg({ msg: '提示信息', // 必填
            top: 100,       // 距屏幕顶端的位置，默认居中
            callback: function(){}, // 回调函数
            second: 3,   // x秒后提示框关闭，默认3
            background: '颜色值',
            fontSize: '字体大小，如13px'
         })
         (如传了参数second，则x秒后自动关闭，否则需要点击弹窗关闭)

    $.login({
        submit:function(user){ // 提交登录回调函数
                    // 当前this指向login对象本身
                    //console.log(this);
                    //console.log(user);
                    this.msg(user); // 显示错误信息
                    this.close();   // 关闭登录窗口
                },
        forget:function(){  // 忘记密码回调函数
                    console.log(this);
                    this.close();
                },
        userName:'用户名/邮箱/手机号',      //此处的userName及passWord为 placeholder的值   默认"用户名"
        passWord:'密码',                      //默认"密码"
        showForget:false,
        showRemember:false
        });

    //open 新窗口加载url
    $.open({
            url: 'http://www.baidu.com',
            title: '百度',
            width: 300,
            height: 200
         });
            url: 要加载的url (必填)
            title: 新窗口标题，默认显示window
            width: 新窗口宽度，默认500px
            height: 新窗口高度，默认300px

    $.scrollTo(target)  target: 目标位置
    $.scrollTo({y: target, speed: 10})
                y: 目标位置
                speed: 速度值. 默认(currentTop - target) / 10

    $.upload({
        url: 'upload.action',
        loading: true,  // 上传中显示loading...
        maxSize: 2096000,  // 上传文件最大size。    1M = 1024000
        file: 'fileId', //默认file
        success: function(data){
            // 上传成功回调函数
            // data即返回的信息(string)
        }
    })











###
    document.body.clientWidth ==> BODY对象宽度  
    document.body.clientHeight ==> BODY对象高度  
    document.documentElement.clientWidth ==> 可见区域宽度  
    document.documentElement.clientHeight ==> 可见区域高度  
      
    网页可见区域宽： document.body.clientWidth  
    网页可见区域高： document.body.clientHeight  
    网页可见区域宽： document.body.offsetWidth (包括边线的宽)  
    网页可见区域高： document.body.offsetHeight (包括边线的高)  
    网页正文全文宽： document.body.scrollWidth  
    网页正文全文高： document.body.scrollHeight  
    网页被卷去的高： document.body.scrollTop  
    网页被卷去的左： document.body.scrollLeft  
    网页正文部分上： window.screenTop  
    网页正文部分左： window.screenLeft  
    屏幕分辨率的高： window.screen.height  
    屏幕分辨率的宽： window.screen.width  
    屏幕可用工作区高度： window.screen.availHeight  
    屏幕可用工作区宽度： window.screen.availWidth