jquery封装的方法
<!DOCTYPE html>
<html lang="zh"> <head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>一些常用的方法</title>
<style type="text/css">
p {
overflow: hidden;
/*超出部分隐藏*/
text-overflow: ellipsis;
/* 超出部分显示省略号 */
white-space: nowrap;
/*规定段落中的文本不进行换行 */
width: 250px;
/*需要配合宽度来使用*/
border: 1px solid red;
font-size: 30px;
} P {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
width: 250px;
border: 1px solid red;
font-size: 30px;
} p {
position: relative;
line-height: 20px;
/*可变*/
max-height: 80px;
/*可变*/
overflow: hidden;
width: 240px;
/*可变*/
border: 1px solid red;
} p::after {
content: "...";
position: absolute;
bottom: 0;
right: 7px;
/*可变*/
padding-right: 124px;
/*兼容性处理*/
background: -webkit-linear-gradient(left, transparent, #fff 0%);
background: -o-linear-gradient(right, transparent, #fff 0%);
background: -moz-linear-gradient(right, transparent, #fff 0%);
background: linear-gradient(to right, transparent, #fff 0%);
}
</style> </head> <body>
<label></label>
</body>
<script src="jquery-2.1.4.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(function() { // 时间搓转年月日 例子：console.log(curentTime('15000000000'))
function curentTime(time) {
var now = new Date(time)
var year = now.getFullYear() // 年
var month = now.getMonth() + 1 // 月
var day = now.getDate() // 日
var hh = now.getHours() // 时
var mm = now.getMinutes() // 分
var clock = year + '-'
if(month < 10) {
clock += '0'
}
clock += month + '-'
if(day < 10) {
clock += '0'
}
clock += day + ' '
if(hh < 10) {
clock += '0'
}
clock += hh + ':'
if(mm < 10) clock += '0'
clock += mm
return(clock)
} // 根据时间判断星期几 例子：console.log(getWeek(new Date("2017-10-27" )))
function getWeek(timedat) { // timedat参数格式： getWeek(new Date("2017-10-27" ))
var week
if(timedat.getDay() === 0) week = '星期日'
if(timedat.getDay() === 1) week = '星期一'
if(timedat.getDay() === 2) week = '星期二'
if(timedat.getDay() === 3) week = '星期三'
if(timedat.getDay() === 4) week = '星期四'
if(timedat.getDay() === 5) week = '星期五'
if(timedat.getDay() === 6) week = '星期六'
return week
} // 邮箱邮箱验证 true false 例子：console.log(isEmail('508744736@qq.com'))
function isEmail(s) {
return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s)
}
// 手机号码
function isMobile(s) {
return /^1[0-9]{10}$/.test(s)
}
// 电话号码
function isPhone(s) {
return /^([0-9]{3,4}-)?[0-9]{7,8}$/.test(s)
}
// 隐藏手机号 例子：console.log(hideMobile('13148238727'))
function hideMobile(mobile) {
var new_mobile = mobile.length
if(mobile.length > 7) {
new_mobile = mobile.substr(0, 3) + '****' + mobile.substr(7)
}
return new_mobile
}
//URL地址
function isURL(s) {
return /^http[s]?:\/\/.*/.test(s)
}
//小写字母
function isLowerCase(str) {
const reg = /^[a-z]+$/
return reg.test(str)
}
//大写字母
function isUpperCase(str) {
const reg = /^[A-Z]+$/
return reg.test(str)
}
//大小写字母
function isAlphabets(str) {
const reg = /^[A-Za-z]+$/
return reg.test(str)
}
// 判断姓名是否正确
function isName(name) {
let regName = /^[\u4e00-\u9fa5]{2,4}$/
if(!regName.test(name)) return false
return true
}
//判断是否为整数
function isNum(num, type) {
let regName = /[^\d.]/g
if(type === 1) {
if(!regName.test(num)) return false
} else if(type === 2) {
regName = /[^\d]/g
if(!regName.test(num)) return false
}
return true
}
//判断是否为小数
function isNumOrd(num, type) {
let regName = /[^\d.]/g
if(type === 1) {
if(!regName.test(num)) return false
} else if(type === 2) {
regName = /[^\d.]/g
if(!regName.test(num)) return false
}
return true
}
//判断是否为空
function isNull(val) {
if(val instanceof Array) {
if(val.length === 0) return true
} else if(val instanceof Object) {
if(JSON.stringify(val) === '{}') return true
} else {
if(val === 'null' || val == null || val === 'undefined' || val === undefined || val === '') return true
return false
}
return false
}
//判断身份证号码
function isCardId(code) {
let msg = ''
const city = {
11: '北京',
12: '天津',
13: '河北',
14: '山西',
15: '内蒙古',
21: '辽宁',
22: '吉林',
23: '黑龙江 ',
31: '上海',
32: '江苏',
33: '浙江',
34: '安徽',
35: '福建',
36: '江西',
37: '山东',
41: '河南',
42: '湖北 ',
43: '湖南',
44: '广东',
45: '广西',
46: '海南',
50: '重庆',
51: '四川',
52: '贵州',
53: '云南',
54: '西藏 ',
61: '陕西',
62: '甘肃',
63: '青海',
64: '宁夏',
65: '新疆',
71: '台湾',
81: '香港',
82: '澳门',
91: '国外 '
}
if(!isNull(code)) {
if(code.length === 18) {
if(!code || !/(^\d{18}$)|(^\d{17}(\d|X|x)$)/.test(code)) {
msg = '证件号码格式错误'
return false
} else if(!city[code.substr(0, 2)]) {
msg = '地址编码错误'
return false
} else {
// 18位身份证需要验证最后一位校验位
code = code.split('')
// ∑(ai×Wi)(mod 11)
// 加权因子
let factor = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2]
// 校验位
let parity = [1, 0, 'X', 9, 8, 7, 6, 5, 4, 3, 2, 'x']
let sum = 0
let ai = 0
let wi = 0
for(let i = 0; i < 17; i++) {
ai = code[i]
wi = factor[i]
sum += ai * wi
}
let last = parity[sum % 11]
if(last !== code[17]) {
msg = '证件号码校验位错误'
return false
}
}
} else {
msg = '证件号码长度不为18位'
return false
}
} else {
msg = '证件号码不能为空'
return false
}
if(msg) {
console.log(msg)
}
return true
} // 去掉字符串前后所有空格
function trim(str) {
return str.replace(/(^\s*)|(\s*$)/g, "");
}
// 格式化时间戳 console.log(timestampFormat(150000000000))
function timestampFormat(timestamp) {
function zeroize(num) {
return(String(num).length == 1 ? '0' : '') + num;
} var curTimestamp = parseInt(new Date().getTime() / 1000); //当前时间戳
var timestampDiff = curTimestamp - timestamp; // 参数时间戳与当前时间戳相差秒数 var curDate = new Date(curTimestamp * 1000); // 当前时间日期对象
var tmDate = new Date(timestamp * 1000); // 参数时间戳转换成的日期对象 var Y = tmDate.getFullYear(),
m = tmDate.getMonth() + 1,
d = tmDate.getDate();
var H = tmDate.getHours(),
i = tmDate.getMinutes(),
s = tmDate.getSeconds(); if(timestampDiff < 60) { // 一分钟以内
return '刚刚';
} else if(timestampDiff < 3600) { // 一小时前之内
return Math.floor(timestampDiff / 60) + '分钟前';
} else if(curDate.getFullYear() == Y && curDate.getMonth() + 1 == m && curDate.getDate() == d) {
return '今天' + zeroize(H) + ':' + zeroize(i);
} else {
var newDate = new Date((curTimestamp - 86400) * 1000); // 参数中的时间戳加一天转换成的日期对象
if(newDate.getFullYear() == Y && newDate.getMonth() + 1 == m && newDate.getDate() == d) {
return '昨天' + zeroize(H) + ':' + zeroize(i);
} else if(curDate.getFullYear() == Y) {
return zeroize(m) + '-' + zeroize(d) + ' ' + zeroize(H) + ':' + zeroize(i);
} else {
return Y + '-' + zeroize(m) + '-' + zeroize(d) + ' ' + zeroize(H) + ':' + zeroize(i);
}
}
} //将时间戳转换成时间格式 console.log(timestampToTime(150000000000000))
function timestampToTime(timestamp) {
var date = new Date(timestamp); //时间戳为10位需*1000，时间戳为13位的话不需乘1000
var Y = date.getFullYear() + '-';
var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';
var D = date.getDate() + ' ';
var h = date.getHours() + ':';
var m = date.getMinutes()
// + ':';
// var s = date.getSeconds();
return Y + M + D + h + m;
}
// * 对Date的扩展，将 Date 转化为指定格式的String
// * 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符
// * 年(y)可以用 1-4 个占位符，毫秒(S)只能用 1 个占位符(是 1-3 位的数字)
// * (new Date()).Format("yyyy-MM-dd hh:mm:ss.S") ==> 2006-07-02 08:09:04.423
// * (new Date()).Format("yyyy-M-d h:m:s.S") ==> 2006-7-2 8:9:4.18
// * @param {Date} date 日期类型
// * @param {string} fmt 格式化的形式
function dateFormat(date, fmt) {
var o = {
"M+": date.getMonth() + 1, //月份
"d+": date.getDate(), //日
"h+": date.getHours(), //小时
"m+": date.getMinutes(), //分
"s+": date.getSeconds(), //秒
"q+": Math.floor((date.getMonth() + 3) / 3), //季度
"S": date.getMilliseconds() //毫秒
};
if(/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (date.getFullYear() + "").substr(4 - RegExp.$1.length));
for(var k in o)
if(new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
return fmt;
} // * 当前时间 day 天后的年月日时分秒
function fun_date(day) {
var date1 = new Date(),
time1 = date1.getFullYear() + "-" + (date1.getMonth() + 1) + "-" + date1.getDate(); //time1表示当前时间
var date2 = new Date(date1);
date2.setDate(date1.getDate() + day);
var time2 = date2.getFullYear() + "-" + (date2.getMonth() + 1) + "-" + date2.getDate();
return time2;
} // * 判断数组是否为空
function arrayIsEmpty(value) {
return(Array.isArray(value) && value.length === 0) || (Object.prototype.isPrototypeOf(value) && Object.keys(value).length === 0);
}
// * @description 判断字符是否为空
function charisEmpty(obj) {
if(typeof obj == 'undefined' || obj == null || obj == '') {
return true;
} else {
return false;
}
}
// * @description 将用角度表示的角转换为近似相等的用弧度表示的角 java Math.toRadians
function rad(d) {
return d * Math.PI / 180.0;
} // * @description 谷歌地图计算两个坐标点的距离
// * @param {number} lng1 经度1
// * @param {number} lat1 纬度1
// * @param {number} lng2 经度2
// * @param {number} lat2 纬度2
// * @return 距离(km) [注意:如果定位失败的话,传入的是两个空值,并且返回0,给予处理]
function getDistance(lng1, lat1, lng2, lat2) {
if(lng1 == '' && lat1 == '') {
return 0; // 如果定位失败的话,传入的是两个空值,并且返回0,给予处理
}
if((lng2 == null || lng2 == '') && (lat2 == null || lat2 == '')) {
return 0; // 如果定位失败的话,传入的是两个空值,并且返回0,给予处理
}
var radLat1 = this.rad(lat1);
var radLat2 = this.rad(lat2);
var a = radLat1 - radLat2;
var b = this.rad(lng1) - this.rad(lng2);
var s = 2 * Math.asin(Math.sqrt(Math.pow(Math.sin(a / 2), 2) +
Math.cos(radLat1) * Math.cos(radLat2) *
Math.pow(Math.sin(b / 2), 2)));
s = s * EARTH_RADIUS;
// s = Math.round(s * 10000) / 10000; // 精确到小数点后四位
s = (Math.round(s * 10000) / 10000).toFixed(2); // 保留两位小数
return s;
} //制保留2位小数，如：2，会在2后面补上00.即2.00
function toDecimal(x) {
var f = parseFloat(x);
if(isNaN(f)) {
return false;
}
var f = Math.round(x * 100) / 100;
var s = f.toString();
var rs = s.indexOf('.');
if(rs < 0) {
rs = s.length;
s += '.';
}
while(s.length <= rs + 2) {
s += '0';
}
return s;
} // 时间格式化输出，如11:03 25:19 每1s都会调用一次
function dateformat(micro_second, t = 0) {
// 总秒数
var second = Math.floor(micro_second / 1000);
// 天数
var day = Math.floor(second / 3600 / 24);
// 小时
var hr = Math.floor(second / 3600 % 24);
// 分钟
var min = Math.floor(second / 60 % 60);
// 秒
var sec = Math.floor(second % 60);
if(t == 0) {
return day + ":" + hr + ":" + min + ":" + sec;
} else {
return "0" + ":" + hr + ":" + min + ":" + sec;
}
// if (t == 0) {
// return day + "天" + hr + "时" + min + "分" + sec + "秒";
// } else {
// return hr + "时" + min + "分" + sec + "秒";
// }
} })
</script> </html>
jquery封装的常用方法
原文发布时间为：2019年08月28日
原文作者：李鹏泽
如需转载请联系原作者
原文作者：李鹏泽
如需转载请联系原作者
如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件至：yqgroup@service.aliyun.com 进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容。
jquery封装的方法的更多相关文章
- 封装一个类似jquery的ajax方法
//封装一个类似jquery的ajax方法,当传入参数,就可以发送ajax请求 //参数格式如下{ // type:"get"/"post", // dataT ...
- jQuery封装的选项卡方法
********************************************************2018/3/15更新********************************* ...
- Ajax请求Session超时的解决办法：拦截器 + 封装jquery的post方法
目标:前端系统,后端系统等,统一处理Session超时和系统错误的问题. 可能需要处理的问题:Session超时.系统500错误.普通的业务错误.权限不足. 同步请求: Sess ...
- jQuery 插件封装的方法
方式1.$.fn.xxx ==>针对元素添加方法: ;(function ($) { $.fn.myPlugin = function () { //你自己的插件代码 }; })(jQuer ...
- 使用jQuery封装实用函数
一.引言 项目开发中,前端会有一个辅助工具类的js文件,比如cookie的操作,团队成员自己封装的方法.大多数时候,我们开发人员自己都是写一个全局函数,不考虑后期维护人员也会写相同的代码,然后造成代码 ...
- 仿照jquery封装一个自己的js库（一）
所谓造轮子的好处就是复习知识点,加深对原版jquery的理解. 本文系笔者学习jquery的笔记,记述一个名为"dQuery"的初级版和缩水版jquery库的实现.主要涉及知识点包 ...
- Jquery自定义扩展方法（二）--HTML日历控件
一.概述 研究了上节的Jquery自定义扩展方法,自己一直想做用jquery写一个小的插件,工作中也用到了用JQuery的日历插件,自己琢磨着去造个轮子--HTML5手机网页日历控件,废话不多说,先看 ...
- jQuery 遍历 - map() 方法
定义和用法 map() 把每个元素通过函数传递到当前匹配集合中,生成包含返回值的新的 jQuery 对象. 例子1: 构建表单中所有值的列表: <p><b>value为: &l ...
- 锋利的jQuery读书笔记---jQuery中Ajax--load方法
第一个Ajax例子 <!DOCTYPE html> <html> <head lang="en"> <meta charset=" ...
随机推荐
- 【转】Python 深入浅出 - PyPDF2 处理 PDF 文件
实际应用中,可能会涉及处理 pdf 文件,PyPDF2 就是这样一个库,使用它可以轻松的处理 pdf 文件,它提供了读,割,合并,文件转换等多种操作. 文档地址:http://pythonhosted ...
- Javascript之hoisting变量提升
javascript不仅仅是一门弱类型语言,还是一门解释型语言.一门编程语言的本质就是这样,优点即是缺点,缺点也往往是优点.JS因为有了变量提升,能够使我们在编程时可以忽略“先声明,再使用”的规则,但 ...
- Socket: java Socket的isConnected()、和isClosed()判断是否在线的问题(转)
首先,很多初学者都会用这两个API来判断对方是否在线,但是经过我的实践,此API并不能实时判断是否在线的状态. 经过百度查询资料后,得出结论: 事实上这些方法都是访问socket在内存驻留的状态,当s ...
- android -------- GifView 显示gif图片
最近的项目需要在界面显示Gif动图,查找网络资料,总结了一下,分享一下, 一个GifView的gif图加载库以有效地显示GIF, 您可以启动,暂停和停止gifView 在app 的 build.gra ...
- JEECG Hibernate 自动更新 持久化
Hibernate不调用update却自动更新 - 七郎 - 博客园http://www.cnblogs.com/yangy608/p/4073941.html hibernate自动更新持久化类的问 ...
- return语句——学习笔记
return,可以提前结束其所在函数. 函数内不写,会自动加上return. 非引用返回: 引用返回:a=3,b=3 注意事项: 两种修改字符串某一位置值的方式:
- mysql中int长度的意义 int(0)
问题: mysql的字段,unsigned int(3), 和unsinged int(6), 能存储的数值范围是否相同.如果不同,分别是多大?int(0) 能存多少位数字? 不同,int(3)最多显 ...
- Java中字符串操作的基本方法总结：
1.字母大小写转换: package com.imooc; public class SortDemo { public static void main(String[] args) { char ...
- 3D游戏引擎设计 实时计算机图形学的应用方法 第2版 pdf 带索引书签目录
3D游戏引擎设计 实时计算机图形学的应用方法 第2版 目录 第1章 概述1.1 图形硬件和游戏发展史1.2 本书版本与软件发展史1.3 章节导读 第2章 图形系统2.1 基础知识2.1.1 坐标系 ...
- (转载)文献可视化--vosviewer入门
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明.本文链接:https://blog.csdn.net/weixin_42613298/artic ...