常用JavaScript验证小工具集,以及部分jQuery 扩展再总结
来源:互联网 发布:mac粘贴文件 编辑:程序博客网 时间:2024/06/08 16:59
jQuery扩展方法
$.fn是指jquery的命名空间,加上fn上的方法及属性,会对jquery实例每一个有效。
如扩展$.fn.abc()
那么你可以这样子:$("#div").abc();
通常使用$.fn.extent(Object); // jQuery 所选对象扩展方法
$.fx是指jquery的特效。也可以看做是为jquery添加静态方法
如果使用显示、滑动、淡入淡出、动画等。
$.fx.off可以关闭动画,其实是直接显示结果。
通常使用:$.extend(Object); // jQuery 本身的扩展方法
--------------------------------------------------------------------------------------------
比如一个简单的小插件(function($){ $.fn.AlertSelf = function(){ this.click(function(){alert($(this).html())}); }})(jQuery)在页面加载完后给某些元素绑定上<ul id="OnlyUl"> <li>aaa</li> <li>bbb</li> <li>ccc</li></ul>$("#OnlyUl li").AlertSelf();
清楚记忆以上两个不同点就好了,在没明白之前真搞不懂,认真看了之后,很简单的啊啊啊啊~~~~~~
//手机号码验证 ----------这样写成自执行函数的形式是为了避免全局函数污染(简单描述:防止你污染别人,和别人污染你)
(function($){ $.fn.btnMobile = function(num){ var exp = /^1[3-9]\d{9}$/;
return exp.test(num); };})(jQuery);
//身份证号码验证var exp = /^[1-9]{1}[0-9]{14}$|^[1-9]{1}[0-9]{16}([0-9]|[xX])$/;
//ip验证var exp = /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/;
//返回顶部$(window).scroll(function(){ var a = $(window).scrollTop();
if(a<100){
$('.gop-top').fadeIn();
}else{
$('.go-top').fadeOut();
}});
$('.go-top').on("click",function(){
$("html,body").animate({scrollTop:"0px"},'600');
});
//阻止冒泡:
function stopBubble(e){
e = e || window.event;
if(e.stopPropagation){
e.stopPropagation(); //W3C阻止冒泡方法
}else{
e.cancelBubble(); //IE阻止冒泡方法
}
}
//全部替换replaceAll
var replaceAll = function(bigStr,str1,str2){
var reg = new RegExp(str1,'gm');
retur bigStr.replaceAll(reg,str2);
}
//获取浏览器中url中的参数值
var getURLParam = function(name) { return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)', "ig").exec(location.search) || [, ""])[1].replace(/\+/g, '%20')) || null;};
// 判断是否为邮箱var regEmail = /^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$/;$.fn.checkEmail = function(v) {return regEmail.test(v);};
//判断是否为空
(function($){
$.fn.checkNotNull = function(v){
if(v) return $.trim(v).length>0;
return false;
}
})(jQuery);
//获取当前时间yyyyMMddHHmmss
function getDataStr(){var date = new Date();var year = date.getFullYear();var mouth = date.getMonth() + 1;var day = date.getDate();var hour = date.getHours();var minute = date.getMinutes();var second = date.getSeconds();if(mouth < 10){ /*月份小于10 就在前面加个0*/mouth = String(String(0) + String(mouth));}if(day < 10){ /*日期小于10 就在前面加个0*/day = String(String(0) + String(day));}if(hour < 10){ /*时小于10 就在前面加个0*/hour = String(String(0) + String(hour));}if(minute < 10){ /*分小于10 就在前面加个0*/minute = String(String(0) + String(minute));}if(second < 10){ /*秒小于10 就在前面加个0*/second = String(String(0) + String(second));}var currentDate = String(year) + String(mouth) + String(day) + String(hour) + String(minute) + String(second);console.log('currentDate = ' + currentDate);return currentDate;}
0 0
- 常用JavaScript验证小工具集,以及部分jQuery 扩展再总结
- Android 小工具以及Context常用常量
- MySQL常用语法 以及 MySQL小工具
- JavaScript小经验小工具-总结一
- Android 常用的方法小工具总结
- Android 常用的方法小工具总结
- burp扩展小工具
- 移位验证小工具
- jquery validate自定义扩展实例,以及一些常用验证
- 自定义jquery小工具
- javascript继承小工具
- Linux 下常用小工具集
- 我的常用小工具集
- 常用小工具列表
- vc常用小工具
- Ubuntu下常用小工具安装以及扩大磁盘分区方法
- python 小工具总结
- Android开发小工具以及小错误总结
- JAVA中字符串函数subString的用法小结
- Android.mk学习笔记
- 数据平台任务与调度设计
- react Native 一:在ubuntu MATE 16.04 下搭建android studio开发环境
- 金蝶KIS专业版实现'条码标签打印'功能对物料多个条码打印
- 常用JavaScript验证小工具集,以及部分jQuery 扩展再总结
- 常用机器学习算法分类概述
- 一个从阿里面试回来的程序员的感想
- iOS推送详解(一)基本集成操作
- ZXing实现条形码、二维码
- gitlab密码重置
- Android中Activity启动模式
- JS闭包问题?
- MSER最大稳定极值区域