作者前言

JQueryE  是一款基于JQuery1.24版本的附加功能插件，包含了常用网页的功能集合，便于网页开发。完全支持jq所有方法，所以使用起来非常方便。

如果您有什么疑问请加入我们的qq群，群号：287460651 ，纯前端群：410138145，或者联系站长邮箱：904561283@qq.com

我们一起讨论学习。

如需新增功能：也可联系站长邮箱或者qq-904561283, 第一时间解决你的问题！

下载地址

jQueryE.2.0.9.min.js.zip

最新CDN：https://gamedown.vgs.lenovo.com.cn/public/js/jQueryE.2.0.8.min.js

JQUEYE-api

注意：基于JQ1.2内核，支持JQ所有方法，本次更新集成了jquery懒加载方法。

兼容：IE7及以上

jquery文档：https://www.zixuephp.com/webshouce/jquery1.12.1/

鼠标拖拽排序2.0.9+

拖拽排序，非常好用，支持动画，事件回调，自动识别横向还是纵向等一系列排序特效。

图片预览：

DEMO预览

横向：https://www.zixuephp.com/static/test/JqueryE/test_drag.html

纵向：https://www.zixuephp.com/static/test/JqueryE/test_drag2.html

参数说明：

mCoordinate, // 移动坐标
mdom, // clone dom 又 移动中跟随鼠标的DOM
sourceDom, // 源
targetDom, // 目标
isHit, // 是否命中
hitDirection // 命中方向，prev|next

图片文件异步加载

$.imgLoad(
{
imglist: ['http://www.zixuephp.com/uploads/allimg/221228/1-22122Q00Q40-L.png'],
progress: function(e){
console.log(e)
},
success: function(e){
console.log(e)
}
})

JS文件异步加载

$.jsLoad(
{
jslist: [
'xxx.js',
'bbb.js'
],
progress: function(e){
console.log(e)
},
success: function(e){
console.log(e)
}
})

css文件异步加载

$.jsLoad(
{
cssList: [
'xxx.css',
'bbb.css'
],
callback: function(e){
console.log(e)
}
})

常用正则判断

$.reg.isName() //校验用户名
$.reg.isDigit() //校验是否全由数字组成
$.reg.isPasswd() //校验密码：只能输入6-20个字母、数字、下划线
$.reg.isTel() //校验普通电话、传真号码：可以“+”开头，除数字外，可含有“-”
$.reg.isMobil() //校验手机号码：必须以数字开头，除数字外，可含有“-”
$.reg.isEmail() //校验邮政编码
$.reg.isUrl() //url校验
$.reg.isIp() //IP校验
$.reg.isHtml() //html格式校验
$.reg.isQQ() //qq校验
$.reg.isPrice() //价格校验

横竖屏检测

$.winorientation(function(data){
console.log('横竖屏数值landscape||portrait', data)
})

全局错误提示

$.toast('错误提示', {
position: 'top', // 位置 top center bottom 默认 center
timeout: 2000, // 结束时间 默认 2000 单位毫秒
})

浏览器判断

提供默认相关判断，按需使用即可。如： $.browser.versions.opera() 返回 true || false

browser: {
userAgent: navigator.userAgent,
versions: {
maxthon: function() {
return ckInUa("Maxthon")
},
opera: function() {
return ckInUa("Opera")
},
zhLenovo: function() {
return ckInUa("SLBrowser")
},
lenovoCent: function() {
return ckInUa("lenovocenter")
},
ie: function() {
return ckInUa("compatible") && ckInUa("MSIE") && !ckInUa("Opera")
},
edge: function() {
return ckInUa("Edge") && !jQuery.browser.versions.ie()
},
firefox: function() {
return ckInUa("Firefox")
},
chrome: function() {
return ckInUa("Chrome") && ckInUa("Safari")
},
safari: function() {
return !ckInUa("Chrome") && ckInUa("Safari")
},
mobile: function() {
return ckInUa(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)
},
ios: function() {
return ckInUa(/\(i[^;]+;( U;)? CPU.+Mac OS X/)
},
android: function() {
return ckInUa("Android") || ckInUa("Linux")
},
iPhone: function() {
return ckInUa("iPhone")
},
iPad: function() {
return ckInUa("iPad")
},
mac: function() {
return ckInUa("Macintosh") || ckInUa("Mac68K") || ckInUa("MacPPC") || ckInUa("MacIntel")
},
webApp: function() {
return !ckInUa("Safari")
},
weixin: function() {
return ckInUa("MicroMessenger")
},
qq: function() {
return " qq" == ckInUa(/\sQQ/i)
},
wp: function() {
return ckInUa("Windows Phone")
},
windows: function() {
return ckInUa("Windows NT")
}
},

IE版本判断

$.browser.IEVersion() // 返回 ["ie7", 7] 或 false

系统中英文判断

$.browser.language() // 返回系统语言

移动端适配等比例缩放px插件

代码实列:

      $.adaptation({
        lastpx: 0.5, //禁止1像素转换,默认TRUE
        size: 640, //设置初始化适配大小，这里按设计稿宽度算，默认640
        cssUrl: ['#autoStyle'],//这里可以识别远程css，页面上css[要给style传一个id]
        maxauto: false, // 是否往大缩放，默认false
        cbk: function(e){ // 转换后的回调事件
          console.log(e)
        }
      })

demo: https://www.zixuephp.com/static/test/JqueryE/text_style.html 可以缩放浏览器宽度调试。

弹窗插件

demo: https://www.zixuephp.com/static/test/JqueryE/test_tc.html

轮播插件

demo: https://www.zixuephp.com/static/test/JqueryE/test_lunbo.html

获取地址栏参数

$.request('key') // xxx.com?key=123

cookie支持

用法和jq cookie一致，只是集成过来了

$.cookie('a', '123')
$.cookie('a') // 123

生成uuid

$.uuid() // '9l613tm34n32ag6v451488d860453saj8154'

获得字符长度，中文2字节

$.strLength('你好asd123')

监听hash变化

$.hashChange(function(e){})

节流执行

$.timeOutOnceDo(fn, time) // 同时只允许一次执行