文章分类 - Jquery资料
摘要：我们设定密码强度等级为10，制作一张图片表示每个等级状态，给密码框绑定keyup事件，通过keyup事件获取密码值，然后使用正则进行判断密码强度等级，然后变换相应的图片。查看示例：DEMO使用很简单。view plaincopy to clipboardprint?$('#pass').passwordStrength();XHTMLview plaincopy to clipboardprint?<p><label>请输入密码：</label><inputtype="password"id="pass&q
阅读全文
摘要：这几天研究jquery，感受到了该库的强大，而且找到本不错的书 <<锋利的jquery>>这里我只是随便做了下，上面是照片列表和两个按钮，单击小图片下面显示大图片，当点击按钮时可以查看下一页，上一页的图片。思路： 1、首先建一个照片查看页面viewer.htm，简单布局，上面是小图片和两个按钮，下面是大图片。 2、建一个一般处理程序viewServer.ashx，用来处理照片查看页面的请求。 3、然后当然要用到数据库啦，包括图片的路径，描述等信息。每张小图片路径应该对应一张大图片，单击小图片时候再加载，这里我没做小图片所以都用大图片加载了。 4、数据传输使用json，建
阅读全文
摘要：做了这么长时间的开发，一直因为验证的问题相当的苦恼，不断的写很多重复的代码，对想偷懒的我来说是相当痛苦的。于是在之前的开发之中慢慢开始总结，也写了一些零散的方法想要比较简单的，写更少的代码来完成更多的验证。之前采用的思路是传递参数，将要验证的控件的ID传进去，若是要验证数据格式再传入相应的正则表达式进去。项目结束之后，再对整个项目做总结的时候发现，这种写法也并没有节省多少代码量，而且很多地方因为同学反应说我写的那个库并不是很好用，虽然有说明，但他们也还是不能很好的理解，不能很快就上手,而且应该还是有不少BUG，所以很多地方他们还是宁愿用那种对每个控件去一一验证的方式，一个JS文件中光验证的部分
阅读全文
摘要：jquery是轻量级的js库(压缩后只有21k) ，它兼容CSS3，还兼容各种浏览器。由于jQuery对象本身是一个集合。所以如果jQuery对象要转换为dom对象则必须取出其中的某一项，一般可通过索引取出。1、关于页面元素的引用通过jQuery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jQuery对象（集合对象），不能直接调用dom定义的方法。2、jQuery对象与dom对象的转换只有jQuery对象才能使用jQuery定义的方法。注意dom对象和jQuery对象是有区别的，调用方法时要注意操作的是dom对象还是jQue
阅读全文
摘要：上周，我整理了《jQuery设计思想》。那篇文章是一篇入门教程，从设计思想的角度，讲解"怎么使用jQuery"。今天的文章则是更进一步，讲解"如何用好jQuery"。我主要参考了Addy Osmani的PPT《提高jQuery性能的诀窍》（jQuery Proven Performance Tips And Tricks）。他是jQuery开发团队的成员，具有一定的权威性，提出的结论都有测试数据支持，非常有价值。==============================================jQuery最佳实践阮一峰 整理1. 使用最新版本的
阅读全文
摘要：jQuery是目前使用最广泛的javascript函数库。据统计，全世界排名前100万的网站，有46%使用jQuery，远远超过其他库。微软公司甚至把jQuery作为他们的官方库。对于网页开发者来说，学会jQuery是必要的。因为它让你了解业界最通用的技术，为将来学习更高级的库打下基础，并且确实可以很轻松地做出许多复杂的效果。虽然jQuery上手简单，比其他库容易学会，但是要全面掌握，却不轻松。因为它涉及到网页开发的方方面面，提供的各种方法和内部变化有上千种之多。初学者常常感到，入门很方便，提高很困难。目前，互联网上最好的jQuery入门教材，是Rebecca Murphey写的《jQuery
阅读全文
摘要：针对URL转页设计，支持多参数URL传值，由locationURL.js进行参数截取，Css和JS是分离方便修改。 JS和Css有许多不足之处，希望各位朋友给于宝贵的指点！Jquery分页下载
阅读全文
摘要：前些天，要实现一个功能。在后台，一些信息是要实时提醒给后台管理员。用的是通过ajax获取最新信息，然后在前台提示；原来系统自带的是弹出一个对话框，然后flash播放铃声；这种方式不是很友好，对话框弹出一会就消失了，这个页面不能最小化，不然是看不到的；另外播放铃声也得要求管理员带上耳机。于是就想到了邮箱中来新邮件那种提示方式，闪动标题栏；思路是：通过ajax访问后台，若有新消息，则将网页的title替换为 提示信息 ，并与空格来回切换；例：【你有新消息】与【 】切换；提示内容弄是动态的，所以替换文字的空格数目也是算出的。这里用全角的空格；但是如果提示消息中有‘数字’等半角字符的话就会出现问题。闪
阅读全文
摘要：jQuery formValidator表单验证插件4.1.1(测试版)新增功能说明。【请仔细看升级记录，谢谢】1、支持密码强度校验2、支持固定提示层3、支持输入框内值默认提示内容演示地址: http://www.yhuan.com/formValidator4.1.1/demo8.html下载链接: http://www.yhuan.com/formValidator4.1.1/formvalidator4.1.1.rar升级记录: http://www.yhuan.com/formValidator4.1.1/doc/update.html在线帮助文档: http://www.yhuan.
阅读全文
摘要：jQuery实现图片延迟加载，不知道是否可以节省带宽呢？有人知道吗？这究竟只是一个视觉特效还是真的能延迟加载减少服务器的请求呢？<scripttype="text/javascript"src="<?phpbloginfo('template_directory');?>/js/jquery.lazyload.js"></script><scripttype="text/javascript">$(function(){$("img").lazyloa
阅读全文
摘要：1、关于页面元素的引用通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jquery对象（集合对象），不能直接调用dom定义的方法。2、jQuery对象与dom对象的转换只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的，调用方法时要注意操作的是dom对象还是jquery对象。普通的dom对象一般可以通过$()转换成jquery对象。如：$(document.getElementById("msg"))则为jquery对象，可以使用jquery的方法。
阅读全文
摘要：jquery刷新页面局部刷新：这个方法就多了去了，常见的有以下几种；$.get方法，$.post方法，$.getJson方法,$.ajax方法如下前两种使用方法基本上一样$.get(”Default.php”, {id:”1″, page: “2″ },function(data){//这里是回调方法。返回data数据。这里想怎么处理就怎么处理了。});$.getScript方法：$.getScript(”http://jqueryajax.com/jquery.js”,function(){$(”#go”).click(function(){//回调方法$(”.block”).animate
阅读全文
摘要：jQuery 在现在的Web开发项目中扮演着重要角色，jQuery 让网站有更好的可用性和用户体验，让访问者对网站留下非常好的印象。jQuery 以其插件众多、独特、轻量以及支持大规模的网站开发闻名。本文与大家分享50款非常有用的 jQuery 插件，可以根据您的项目需要来选择使用。26- Visual JQuery Lightbox27- 3D Cloud Carousel28- Slide out and drawer effect29- Lightview30- Coda Popup Bubbles31- Facebook Style Wall Post32- Style Author
阅读全文
摘要：01$('tr').hover(function(event) {02$(this)[ (event.type == 'mouseenter' ? 'add' : 'remove') + 'Class' ]('test'); //test是样式03});0405$('tr').hover(function(event) {06$(this).toggleClass('test'); //test是样式07});0809$('tr').hover(fun
阅读全文
摘要：1//绑定beforeunload事件2$(window).bind('beforeunload',function(){3return '您输入的内容尚未保存，确定离开此页面吗？';4});56//解除绑定7$(window).unbind('beforeunload');
阅读全文
摘要：有段时间没写什么了, 打算把jquery中的比较常用的数组处理方法汇总一下$.each(array, [callback])遍历,很常用1var arr = ['javascript', 'php', 'java', 'c++', 'c#', 'perl', 'vb', 'html', 'css', 'objective-c'];2$.each(arr, function(key, val) {3// firebug console4c
阅读全文
摘要：demo7:table滑过变色,隔行变色. $(document).ready(function(){ //这个就是传说的ready $(".stripe tr").mouseover(function(){ //如果鼠标移到class为stripe的表格的tr上时，执行函数 $(this).addClass("over");}).mouseout(function(){ //给这行添加class值为over，并且当鼠标一出该行时执行函数 $(this).removeClass("over");}) //移除该行的class $(&q
阅读全文
摘要：一个例子说尽：1、.aspx中：<div class="button" id="btn1"><a href="#">HelloWorld</div><div class="button" id="btn2"><a href="#">传入参数</a></div><div class="button" id="btn3"><a href=&
阅读全文
摘要：这个问题今天可是整了我一上午，原本是打算用js实现，结果兼容性很难得处理．最后选择了jquery，方法如下(这里是我推荐的方法),使用简单，兼容性好．只需要在页面中设置一句代码就搞定,这么好的东西所以把代码贴出来，供大家参考，另外，网上也有很多种方法，下面我也一一作了一个分析．大家可以看一下，不对请指正．谢谢．function SetSameHeight(obj1,obj2) { var h1 = $(obj1).outerHeight(); //获取对象1的高度var h2 = $(obj2).outerHeight(); //获取对象2高度var mh = Math.max( h1, h2
阅读全文
摘要：jQuery操作cookie的插件下载地址：jquery.cookie.jsjquery.cookie.pack.js（压缩版）作者地址：http://www.stilbuero.de/2006/09/17/cookie-plugin-for-jquery/操作：$.cookie(‘the_cookie’); // 读取 cookie$.cookie(‘the_cookie’, 'the_value’); // 存储 cookie$.cookie(‘the_cookie’, 'the_value’, { expires: 7 }); // 存储一个带7天期限的 cookie$.
阅读全文
浙公网安备 33010602011771号