先看界面代码： 代码如下: DropDownList控件属性ToolTip会转换为Title，title的值可以作为校验规则required的提示信息，属性CssClass的值required就指定了插件的校验规则。 脚本代码： 代码如下: Recipe18 $(function () { $("#form1").validate({ errorLabelContainer: $("#message") }); }); .alertmsg { color: #FF0000; } 显示效果： 另外如果不设置DropDownList的属性ToolTip和CssClass,脚本代码改为如下，也可...
jQuery插件的种类 1、封装对象方法 这种插件是将对象方法封装起来，用于对通过选择器获取的jQuery对象进行操作，是最常见的一种插件。此类插件可以发挥出jQuery选择器的强大优势，有相当一部分的jQuery的方法，都是在jQuery脚本库内部通过这种形式“插”在内核上的，例如parent()方法，appendTo()方法等。 2、封装全局函数 可以将独立的函数加到jQuery命名空间下。如常用的jQuery.ajax()方法、去首尾空格的jQuery.trim()方...
页面样式代码： 代码如下: .header { background-color: #CCCCCC; color: White; font-size: x-large; } .content { background-color: White; font-weight: lighter; font-size: small; } .content td { text-align: left; } .mandatory { color: Red; } .errorContainer { display: none; margin-bottom: 20px; } .alertMsg { margin-left: 20px; color: #660000; } .input-highlight { background-color: #CCCCCC; } 页面结...
这里我们举例校验ListBox两个规则： 校验必选项 选择范围在0~4项 界面代码： 代码如下: 脚本代码： 代码如下: Recipe17 $(function () { $("#form1").validate({ rules: { lstCar: { required: true, rangelength: [0, 4] } }, messages: { lstCar: { required: "至少选择一种车！", rangelength: "选择的范围为零到四种车！" } }, errorLabelContainer: $("#message") }); }); .alertmsg { color: #FF0000; } 界面效...
jQuery的易扩展性吸引了来自全球的开发者来共同编写 jQuery 插件，jQuery 插件不仅能够增强网站的可用性，有效的改善用户体验，还可以大大减少开发时间。 IsotopeIsotype 是一款非常优秀的 jQuery 插件，用于创建动态的，智能的布局。使用这款插件能够对一组页面项目进行过滤、排序等很多操作，而且带有非常酷的动画效果。FitTextFitText 是一款文本大小自动调整插件 ，使用这款插件能够让你的Web项目在屏幕宽度不同的设备上自动调...
在逛codeproject网站的时候，突然看到一篇文章：How to write plugin in Jquery. 如果对E文好的同学 ，可以看上面的连接。现在我把上面网站的及结合自己的想法写这篇文章。希望能得到大牛们的支持和谅解。。。大鸟飞过。。。欢迎拍装。来源： 【1】How to write plugin in Jquery. 【2】锋利的JQuery 书 【3】RascallySnake的JQuery.extend()详解一.介绍 插件编写的目的是给已经有的一系列方法或函数做一个封装，以便在其他地方重...
jQuery 以其插件众多、独特、轻量以及支持大规模的网站开发闻名。本文与大家分享50款非常有用的 jQuery 插件，可以根据您的项目需要来选择使用。 1- ZWeatherFeed jQuery Plugin 2- JDesktop 3- Mocha UI Library 4- Pajinate JQuery Plugin 5- JQuery Datagrid Plugins 6- JQuery Superbox 7- Masked Input Plugin 8- Sexy Box 9- Jquery Animated Grid Plugin 10- ZFlickrFeed 11- Beautiful Slide Out Navigation 12- Twitter T...
虽然这不是多么高深的技术，但对于新手来说还是颇有难度。如果你是一个新手，我希望你能从本文中学到东西；如果你是高手，我希望你能留下你宝贵的意见和建议 一.要做什么插件？ 我想要实现一个可以在网站或WEB应用系统中使用，可以灵活的定制外观、简单、易于使用、方便扩展、稳定的菜单插件。它可以被用在网站主导航条上，亦可以用在管理后台。 二.想要的效果是什么？ 平时菜单处于收起状态，当鼠标移入显示其下级菜单，以...
前言： 之所以写下这篇文章，是想将我的想法分享给大家；对于初学者，我希望他能从这篇文章中获取对他有用的东西，对于经验丰富的开发者，我希望他能指出我的不足，给我更多的意见和建议；目的就是共同进步。 一.要做什么插件？ 我想要实现一个插件可以取代浏览器默认的弹出对话框或窗体，就是我们通过调用window.alert，window.confirm，window.prompt这些方法 所弹出的网页对话框，通过调用window.open，window.showModa...
1前言 最近因为项目的需要，使用了一个JQuery插件。把插件下下来后，很快我就发现，很多默认的插件Style不符合项目要求，必须要被修改。 在这个过程中，我发现自己先后使用了多种不同的方法实现插件Style的定制化。很高兴最后找到了我认为最好的方法，对CSS的认识也加深了不少，感触颇多。这篇文章就是对这些新的CSS的认识的一个梳理。 2JQuery 插件Style 定制化方法 2.1 初始化插件时输入定制化对象 做的比较好的插件会在初始化时...
但对于 Web 开发人员来说，他们需要掌握编写插件的方法，这样在工作中才能游刃有余。今天这篇文章收集了40个非常棒的 jQuery 插件及其制作教程，这些插件能够为你将来的项目增添各种很炫功能和效果，同时通过详细的制作教程帮助你更加深入的掌握 jQuery 库的使用。 Slidesjs ( 演示 | 下载 )Beautiful Parallax Slider With jQuery ( 演示 | 下载 )Sweet Thumbnails Preview Gallery with jQuery ( 演示 | 下载 )Typography Effec...
创建全局函数只需通过为jquery对象添加属性即可，而创建jquery对象的方法也可以通过为jquery.fn添加属性来实现，实际上jquery.fn对象就是jquery.prototype原型对象的别名，使用别名更方便引用。 demo： 代码如下: jQuery.fn.test = function(){ alert(这是 jquery 对象方法 ); } 然后，就可以在任何jquery对象中调用该方法了。 代码如下: $(function(){ $(h1).click(function(){ $(this).test(); }); }); 由于这里，并没有任何...
言归正传拉，开始跟我学习吧：）； 1.jquery自定义了 jQuery.extend()和jQuery.fn.extend()方法，其中，jQuery.extend()方法能够创建全局函数或者选择器，而jQuery.fn.extend()能够创建jQuery对象方法。在这里啰嗦讲下：这2个方法，都包含一个参数，改参数仅接受名/值对结构的对象，其中名表示函数或方法名，而值表示函数体。 代码如下: jQuery.extend({ minValue : function(a,b){ return a>b? b:a; }, maxValue : function(a,b)...
例如： 代码如下: $(this).test().hide().height(); 要实现类似的连写行为，就应该在每个插件方法中，返回一个jquery对象，除非方法需要明确返回值。返回的jquery对象通常就是this所引用的对象。如果使用each()方法迭代this，则可以直接返回迭代的结果。针对上一节的示例，进一步修改 代码如下: jQuery.fn.test = function(){ return this.each(function(){ //遍历匹配的元素，此处的this表示对象集合 alert(this.nodeName); //...
代码如下: ;(function($){ $.extend($.fn,{ color : function(options){ var options = $.extend({},$.fn.color.defaults,options); return this.each(function(){ $(this).css("color",options.bcolor); $(this).css("background",options.fcolor); }); }//color==end }) $.fn.color.defaults ={bcolor :"white",fcolor :"black"} })(jQuery); 代码如下: $.fn.color.defaults ={bcolor:"#c06",fcolor:"red"}//写自己的参数，设置...