$.Msg

消息提示

语法

$.Msg(content, time)

实例

codewebstr.top
/*默认时间*/
$.Msg("我是提示框");
/*自定义时间*/
$.Msg("我能消失5秒",5000);

$.loading

加载提示

语法

$.loading(content)

实例

codewebstr.top
$.loading("加载中");

$.alert

错误提示，警告提示

语法

$.alert(content, title, aftertitle)

实例

codewebstr.top
$.alert("必填项不能为空！");

$.confirm

对话提示框

语法

$.confirm(content, title, okback, noback)

实例

codewebstr.top
$.confirm("你要关闭吗？", "重要提示", function(){
$.Msg("你选择关闭");
}, function(){
$.Msg("你放弃了");
});

$.popup

内容弹出层

语法

$.popup(content, object)

实例

codewebstr.top
var popDom=$.popup("弹出层内容",{title:"我是标题"});

TAB切换

TAB切换框

实例

codewebstr.top
<div class="tab_list">
<a href="#tab1" class="tab_link active">TAB1</a>
<a href="#tab2" class="tab_link">TAB2</a>
<a href="#tab3" class="tab_link">TAB3</a>
</div>
<div class="tabs">
<ul id="tab1" class="tab active">this is TAB1</ul>
<ul id="tab2" class="tab">this is TAB2</ul>
<ul id="tab3" class="tab">this is TAB3</ul>
</div>

悬浮吸顶

元素吸顶或置底效果/TAB切换吸顶

语法

$(dom).fixedTab(object)

实例

codewebstr.top
/**
data-space：距离顶部/底部的距离
data-unit：单位，默认px
**/
//注意：当元素设置有data-space，data-unit自定义属性时，将会覆盖object的配置

<div class="fixed_tab" data-space="55" data-unit="px">距离顶部55px的时候吸顶</div>
PS：$(".fixed_tab").fixedTab()激活

$.ajaxpost / $.ajaxget

ajax post/get请求

语法

$.ajaxpost(url, params, callback, errCallback, async)
$.ajaxget(url, params, callback, errCallback, async)

实例

codewebstr.top
$.ajaxpost("./test",{name:"测试", code:"4567"},function(res){
console.log(res)
//进行你的逻辑操作
});

$.ajaxpage

异步加载页面

语法

$.ajaxpage(url, isReturn)

实例

codewebstr.top
//返回HTML代码
var html=$.ajaxpage("./test.html",true);
$(".demo").html(html)

//默认异步
/**
*data-page：触发标识，页面链接地址
*data-title：页面的title
*JS变量window.param，POST提交参数
**/
<a data-page="./test.html" data-title="这是异步加载">异步加载页面</a>

$.setcookie

设置网页cookie

语法

$.setcookie(name, value, time, path, domain)

实例

codewebstr.top
$.setcookie("name","username",1);

$.getcookie

获取网页指定cookie

语法

$.getcookie(name)

实例

codewebstr.top
$.getcookie("name");

$.gettime

获取当前时间，多种选择

语法

$.gettime(string)

返回实例

实例

codewebstr.top
var dateTime=$.gettime();
console.log(dateTime.getDateObj())

$.checkform

输入数据验证

语法

$.checkform(content, type)

实例

codewebstr.top
$.checkform("22ff@qq.com","email");

$.m_vibration(time,c)

手机振动（仅限安卓）

语法

$.m_vibration(time, c)

$.m_line(onlineFun,offlineFun)

网络状态提示

语法

$.m_line(onlineFun,offlineFun)

$.m_shake(callback, config)

摇一摇（仅手机端），默认事件结束后不在继续监听，如果需要再次使用，可在业务处理完成后调用reset()

语法

$.m_shake(callback, config)

实例

codewebstr.top
var shake=$.m_shake(function(){
alert("触发了摇一摇");
shake.reset();
});

$.fullScreen(DOM,isFull)

设置全屏显示

语法

$.fullScreen(DOM,isFull)

永久性本地缓存操作

$.localStorage.set(name,value,expire)

设置本地缓存

语法

$.localStorage.set(name,value,expire)

$.localStorage.get(name)

获取本地缓存

语法

$.localStorage.get(name)

$.localStorage.dele(key)

删除/清空本地缓存，当key为true(非字符串)时，清空全部缓存

语法

$.localStorage.dele(key)

$.localStorage.change(function)

本地缓存更新回调

语法

$.localStorage.change(function(a){if(a.key == "key1"){alert("key1值发生变化");}})

会话性本地缓存操作

$.sessionStorage.set(name,value)

设置本地缓存

语法

$.sessionStorage.set(name,value)

$.sessionStorage.get(name)

获取本地缓存

语法

$.sessionStorage.get(name)

$.sessionStorage.dele(key)

删除/清空本地缓存，当key为true(非字符串)时，清空全部缓存

语法

$.sessionStorage.dele(key)

$.ua().browser()

获取浏览器名称及版本

语法

$.ua.browser()

$.ua().os()

获取操作系统名称及版本

语法

$.ua.os()

$.ua().isWap()

判断手机端

语法

$.ua.isWap(true|false)

$.winVS(title)

判断浏览器窗口状态，支持自定义提示语或方法

语法

$.winVS(title)

实例

codewebstr.top
$.winVS("你现在不在这里");

$.winProhibit(object)

重置浏览器部分功能，单json参数或json数组
单json格式：{'key':重置功能名称,'fun':自定义方法,'param':非重置参数}
json数组格式：[{'key':重置功能名称,'fun':自定义方法,'param':非重置参数},{...}]

语法

$.winProhibit(object)

实例

codewebstr.top
$.winProhibit([
{"key":"rightClick","fun":function(a){$.alert('你点击了右键，在左边菜单处右键试试')},"param":['ul','li']},
{"key":"keyCode","fun":function(a){$.alert('F12已经屏蔽')},"param":['123']},
{"key":"copy","fun":function(a){$.alert('你进行了复制操作，在左边菜单处选中复制试试')},"param":['ul','li']},
{"key":"devTools","fun":function(a){ a != devToolsStatus && (devToolsStatus = a,$.alert('DevTools已' + (a ? '打开' : '关闭')))}},
]);

$(dom).scrollAnim(object)

元素加载过场动画

语法

$(dom).scrollAnim(object)

实例

codewebstr.top
<p class="fl_animated" data-anim-class="slideInLeft">第1动画</p>
<p class="fl_animated" data-anim-class="fadeInRight" data-anim-delay="1">第2动画，延迟1秒播放</p>
<p class="fl_animated" data-anim-class="fadeInRight" data-anim-duration="5">第3动画，指定动画时长为5秒</p>
<p class="fl_animated" data-anim-class="fadeInRight" data-anim-delay="1" data-anim-duration="5">第4动画，延迟1秒播放，动画时长为5秒</p>
<script>
$(document).scrollAnim({loop:true});
</script>

$(dom).xswitch(object)

全屏滚动，滚屏效果

语法

$(dom).xswitch(object)

实例

codewebstr.top
<div class="main">
<div class="section">
<p class="fl_animated" data-anim-class="slideInLeft">第1屏动画进入视线</p>
</div>
<div class="section">
<p class="fl_animated" data-anim-class="fadeInLeft" data-anim-delay="1" data-anim-duration="5">第2-1屏动画进入视线，延迟播放</p>
<p class="fl_animated" data-anim-class="fadeIn">第2-2屏动画进入视线</p>
<p class="fl_animated" data-anim-class="slideInRight">第2-3屏动画进入视线</p>
<p class="fl_animated" data-anim-class="slideInLeft">第2-4动画进入视线</p>
</div>
<div class="section">
<p class="fl_animated" data-anim-class="fadeInRight">第3屏动画进入视线</p>
</div>
</div>
<script>
$(".main").xswitch({
"pagination":true,
"callback":function(a){
$.Msg(a)
}
})
$(".main").scrollAnim({loop:true});//可配合scrollAnim，达到更好的效果
//PS:请使用DIV包含住主体框架，否则translate3d是导致分屏导航fixed失效
</script>

$.formFilter(Dom, object)

对表单的数据进行初步验证。

语法

$.formFilter(Dom, object)

返回数据(object)

$.stringFormat(string,[...arg]);

对字符串的占位符格式化。

语法

$.stringFormat(string, json)

实例

codewebstr.top
var str=$.stringFormat("字符串占位符{arg1}，占位符{arg2}",{'arg1':'a','arg2':'b'});

$(dom).serializeObject();

获取表单数据，自动数组化。

语法

$(dom).serializeObject()

$(dom).imglazy(object)

图片懒加载，自动匹配标签，非img标签使用background。

语法

$(dom).imglazy(object)

元素如果含有data-node=true属性，则为其加载图片内容（load方法）

实例

codewebstr.top
<img class="imglazy" data-src="img1.png"/>
<script>
$(".imglazy").imglazy();
</script>

$(dom).inputSearch(object)

select下拉搜索。

语法

$(dom).inputSearch(object)

服务端响应内容示例：

codewebstr.top
{
  "data": [
    {
      "id": 1,
      "title": "网络游客博客"
    },
    {
      "id": 2,
      "title": "我的快捷工具包"
    }
  ]
}

实例

codewebstr.top
<div class="parent">
	<input class="selectSearch_text"/>
	<input type="hidden" class="selectSearch_val"/>
<div>
<script>
$(".selectSearch_text").inputSearch({
	url:"xx.com",
	parent:".parent",
	valueDom:".selectSearch_val"
});
</script>

浏览器通知

$.notify.init()

初始化，向用户询问通知

$.notify.checkAudio()

如果使用自定义通知声音，需调用此函数，触使用户主动行为

$.notify.send(object)

发生通知

语法

$.notify.send(object)

$.openApp(object)

唤醒APP，如果打开失败则提示下载APP

语法

$.openApp(object)

$(dom).gestureListener(object)

手势操作

语法

$(dom).gestureListener(object)

插件配置参数

1、config配置

$.config(object)

2、setsize

根据设备自动设置HTML文件字体大小

codewebstr.top
$.setsize();

1、$.closeModal()

关闭msg弹框（包括：$.Msg(),$.alert(),$.loading(),$confirm()）

2、$.url

获取URL信息，格式：$.url.fun，如：$.url.getUrlFragment("url")

2、$.winEvent

对事件的扩展

2.1、$.winEvent.copy(object, str, param)

注意：dom的copy事件需return false;

2.2、$.winEvent.copyD(str, type)

codewebstr.top
$(".text").click(function(){
$.winEvent.copyD("我是复制文本");
})

3、$.historyAdd(object)

添加history

4、$.historyPopState(function, boolean)

监听历史记录popstate

5、$.fn.animateEnd(function)

监听元素动画结束

6、$.fn.transitionEnd(function)

监听元素CSS动画结束

7、$.downLoad(name, content)

将内容（支持HTML）以文件（doc、xls、txt）方式下载，如

codewebstr.top
$.downLoad("a.txt", '<p>这是测试内容</p>')

8、$.debounce(function, time)

防抖操作