"jquery插件开发文档：\n以下为一简单的实例：\nchajia.js:\n(function($) { //录入框点击事件 $.fn.alertWhileClick = function() { $(this).click(function(){ window.console.log(‘execute click event’); alert($(this).val()); }); window.console.log(‘ok2’); } //获取页面最大div的最大高度 $.fn.maxHeight = function(){ var max = 0; this.each(function(){ window.console.log(‘a’); max = Math.max(max, $(this).height()); }); return max; } })(jQuery); //插件用法 $(function(){ $(‘#login_username’).alertWhileClick(); var tallest = $(‘div’).maxHeight(); …"

"网站A的表单提交部分：\n网站B的输出json部分：\n$_GET[‘jsoncallback’] . ‘(‘ . json_encode($return) . ‘)‘);\n?\u0026gt;"

"如题：用jquery form提交表单，用jquery validate做数据验证 ，现在的问题是分别使用validate有作用，一起使用，则validate不起作用，谁遇到过帮忙解决下。\n$(document).ready(function() {\n$(“#inputForm”).validate({\n…\n});\n});\nfunction onsubmit(){\nvar options ={\n…\n};\n$(‘#inputForm’).ajaxSubmit(options); //options\nreturn false;\n}\n==================\n补充一下，这个submitHandler:function(){}方法内可以写任何方法。但最后要有一个form.submit或form.ajaxSubmit 比如我这个\n$(document).ready(function(){\n$(“#loginForm”).validate({\nrules: {\nshouJiHaoMa: {\nrequired: true,\ndigits: true\n},\npwd: {\nrequired: …"

"以前在使用 js 日历时，没有使用过 jQuery Datepicker，今天第一次使用发现非常的好用。使用时需要将日历文字显示为中文，打开前边的链接在文章底部就可以看到将 jQuery Datepicker 文字显示为中文的方法，在 http://jquery-ui.googlecode.com/svn/trunk/ui/i18n/ 可以看到各种版本的语言，中文文件内容如下：\njQuery(function($){ $.datepicker.regional[\u0026#39;zh-CN\u0026#39;] = { closeText: \u0026#39;关闭\u0026#39;, prevText: \u0026#39;\u0026lt;上月\u0026#39;, nextText: \u0026#39;下月\u0026gt;\u0026#39;, currentText: \u0026#39;今天\u0026#39;, monthNames: [\u0026#39;一月\u0026#39;,\u0026#39;二月\u0026#39;,\u0026#39;三月\u0026#39;,\u0026#39;四月\u0026#39;,\u0026#39;五月\u0026#39;,\u0026#39;六月\u0026#39;, \u0026#39;七月\u0026#39;,\u0026#39;八月\u0026#39;,\u0026#39;九月\u0026#39;,\u0026#39;十 …"

"$(\u0026#34;#category ul\u0026#34;).find(\u0026#34;li\u0026#34;).each( function() { $(this).mouseover( function() { $(\u0026#34;#\u0026#34; + this.id + \u0026#34;_menu\u0026#34;).show(); $(this).addClass(\u0026#34;a\u0026#34;); } ); $(this).mouseout( function() { $(this).removeClass(\u0026#34;a\u0026#34;); $(\u0026#34;#\u0026#34; + this.id + \u0026#34;_menu\u0026#34;).hide(); } ); } ); 浏览器之间的不兼容一直令前端开发者的头疼，而 IE 更是噩梦。鼠标在下拉菜单移动时菜单会不断闪烁，说明不断触发了 mouseover 和 mouseout 事件。\n这貌似涉及到所谓的“事件冒泡”，我不懂 JavaScript，就不在误人子弟了，详情请自己 Google，这里只给出解决方法：将 mouseover 改成 mouseenter，mouseout …"

"$(function(){\nvar validator = $(“#enterRegForm”).validate({ debug:false, //调试模式取消submit的默认提交功能 //errorClass: “error”,//默认为错误的样式类为：error //validClass: “check”,//验证成功后的样式，默认字符串valid focusInvalid: true,//表单提交时,焦点会指向第一个没有通过验证的域 //focusCleanup:true;//焦点指向错误域时，隐藏错误信息，不可与focusInvalid一起使用！ onkeyup: true, errorElement: “div”, submitHandler: function(form){ //表单提交句柄,为一回调函数，带一个参数：form form.submit(); //提交表单 },\nrules: { “enterprise.enName”: { required: true, minlength: 6, remote:{ url: “/nameServlet”, //后台处理 …"

"使用前需包含以下jquery.js、bgiframe.js、weebox.js、wee.css文件\n基本用法举例如下: $.weeboxs.open(‘#testbox’, {title: ‘hello world’, width:400, height: 200});\n$.weeboxs.open(‘The operation failed.’,{ onopen:function(){alert(‘opened!’);}, onclose:function(){alert(‘closed!’);}, onok:function(){alert(‘ok’); $.weeboxs.close();} });\n$.weeboxs.open(‘/modules/test/testsession.php’, {contentType:’ajax’});\n$.weeboxs.open(‘hello world’);\n$.weeboxs.open(‘The operation failed.’,{type:’error’});\n$.weeboxs.open(‘The operation …"

"法一：\n一、默认校验规则 (1)required:true 必输字段 (2)remote:”check.php” 使用ajax方法调用check.php验证输入值 (3)email:true 必须输入正确格式的电子邮件 (4)url:true 必须输入正确格式的网址 (5)date:true 必须输入正确格式的日期 (6)dateISO:true 必须输入正确格式的日期(ISO)，例如：2009-06-23，1998/01/22 只验证格式，不验证有效性 (7)number:true 必须输入合法的数字(负数，小数) (8)digits:true 必须输入整数 (9)creditcard: 必须输入合法的信用卡号 (10)equalTo:”#field” 输入值必须和#field相同 (11)accept: 输入拥有合法后缀名的字符串（上传文件的后缀） (12)maxlength:5 输入长度最多是5的字符串(汉字算一个字符) (13)minlength:10 输入长度最小是10的字符串(汉字算一个字符) (14)rangelength:[5,10] 输入长度必须介于 5 和 10 之 …"

"不过我们还要在需要验证的INPUT里面class加入required说明是必填项，其他的就是验证相关数据比如email就是验证email的数据结构\n以下列出validate自带的默认验证\nrequired: “必选字段”,\nremote: check.php “使用ajax方法调用check.php验证输入值段”,\nemail: “请输入正确格式的电子邮件”,\nurl: “请输入合法的网址”,\ndate: “请输入合法的日期”,\ndateISO: “请输入合法的日期 (ISO).”,\nnumber: “请输入合法的数字”,\ndigits: “只能输入整数”,\ncreditcard: “请输入合法的信用卡号”,\nequalTo: “请再次输入相同的值”,\naccept: “请输入拥有合法后缀名的字符串”,\nmaxlength: jQuery.format(“请输入一个长度最多是 {0} 的字符串”),\nminlength: jQuery.format(“请输入一个长度最少是 {0} 的字符串”),\nrangelength: jQuery.format(“请输入一个长度介于 {0} …"

"网站的速度非常重要，现在有很多网站优化的工具，如 Google 的 Page Speed，Yahoo 的 YSlow，对于网页图片，Yahoo 还提供 Smush.it 这个工具对图片进行批量压缩，但是对于图片非常多的网站，载入网页还是需要比较长的时间，这个时候我们可以使用 Lazy Load 这个 jQuery 插件来延迟加载图片。\nLazy loader 是一个延迟加载图片的 jQuery 插件，在一些图片非常多的网站中非常有用，在在浏览器可视区域外的图片不会被载入，直到用户将页面滚动到它们所在的位置才加载，这样对于含有很多图片的比 较长的网页来说，可以加载的更快，并且还能节省服务器带宽。\nLazy Loader 使用也非常简单，首先确保你的页面已经加载 jQuery Javascript 库，然后在加载 Lazy Load 的 Javascript 文件：\n\u0026lt;script src=\u0026#34;jquery.js\u0026#34; type=\u0026#34;text/javascript\u0026#34;\u0026gt;\u0026lt;/script\u0026gt; \u0026lt;script …"

"参看: http://docs.jquery.com/Plugins/Validation 并整理\njquery.validate.js是jquery旗下的一个验证框架 http://bassistance.de/jquery-plugins/jquery-plugin-validation/，借助jquery的优势，我们可以迅速验证一些常见的输入,并且可以自己 扩充自己的验证方法，并且对国际化也有很好的支持.\n使用这个函数很简单，看以下的代码\nHtml代码\n“http://www.w3.org/TR/html4/loose.dtd”\u0026gt; \u0026lt;script src=“http://code.jquery.com/jquery-latest.js” \u0026gt;script\u0026gt; \u0026lt;link rel=“stylesheet”href=“http://dev.jquery.com/view/trunk/plugins/validate/jquery.validate.css”type=“text/css”media=“screen”/\u0026gt; \u0026lt;script …"

"12款 JavaScript 表格控件。 表格控件(DataGrid )允许最终用户阅读和写入到绝大多数数据库的应用程序。DataGrid 控件可以在设计时快速进行配置，只需少量代码或无需代码。当在设计时设置了DataGrid 控件的 DataSource 属性后，就会用数据源的记录集来自动填充该控件，以及自动设置该控件的列标头。然后您就可以编辑该网格的列；删除、重新安排、添加列标头、或者调整任意一 列的宽度。\n1. Flexigrid Flexigrid是一个类似于Ext Gird，但基于jQuery开发的Grid。它具有的功能包括：可以调整列宽，合并列标题，分页，排序，显示/隐藏表格等。Flexigrid显示的数据能够通过Ajax获取或者从一个普通的表格转换。\n2. Yahoo! UI Library: DataTable ( 演示地址) 该DataTable控件提供的功能有：排序、列宽调整、分页、inline editing、row selection等。\n3. jqGrid jqGrid是一个Ajaxed jQuery Grid插件。提供分页功能，添加、编辑、删除和搜索表中记 …"

"如题，用jQuery+PHP实现FCKEditor内容分页，如下：\nPHP分页函数： /******\\*FCKEditor分页处理*******/ function pageBreak($content) { //把文章内容按照\n分割成数组 $content = $content; $pattern = “/\n\u0026lt;/span\u0026gt;\u0026lt;/div\u0026gt;/”; $strSplit = preg_split($pattern, $content, -1, PREG_SPLIT_NO_EMPTY); //将文章内容分割成数组 $count = count($strSplit); //分割后的数组单元数目 $outStr = “”; //返回的字串 $i = 1;\nif ($count \u0026gt; 1 ) { $outStr = “ ”; foreach($strSplit as $value) { if ($i \u0026lt;= 1) { $outStr .= “\n$value\n”; } else { $outStr .= “\n$value\n”; } $i++; }\n$outStr .= “"

"jQuery 是一个优秀的 Javascript 框架，对 js 进行了优秀的包装，提供了许多方便的功能。jQuery 对 ajax 的包装也堪称优秀。\njQuery 可以以 json 文件传输协议来传输数据(类似 xml，而且大有取代 xml 的趋势)，而网站后台代码必须与之配合使用。PHP 是用 json_encode 函数来对返回的数组数据进行编码的，但这个函数只有 PHP5.2版本以上才支持。\n从网上找到一个 json 的操作类，本人在 PHP4.4.7 版本下测试通过。本人还建了个函数 function my_json_encode($phparr)，使代码兼容 PHP5.2 以上版本。\n示例代码(包括 json 的类包软件)可以在以下网址下载：\n以下是全部代码：\njQuery Ajax 实例演示\n输入姓名:\n输入年龄:\n输入性别:\n输入工作:\n提交POST提交GET提交\nPHP 文件 ajax_json.php：\nencode($phparr); } } ?\u0026gt;"

"\u0026lt;script type=\u0026#34;text/javascript\u0026#34;\u0026gt; $(document).ready(function(){ $(\u0026#34;.update\u0026#34;).dblclick(function(){ id = $(this).attr(\u0026#39;id\u0026#39;); text = $(this).text(); if(text){ $(this).html(\u0026#34;\u0026lt;input type=\u0026#39;text\u0026#39; size=12 name=\u0026#34;+id+\u0026#34; value=\u0026#34;+text+\u0026#34;\u0026gt;\u0026#34;); $(\u0026#34;.update \u0026gt; input\u0026#34;).focus().blur(function(){ $.ajax({ type: \u0026#34;POST\u0026#34;, url: \u0026#34;/data/dbedit\u0026#34;, data: \u0026#34;id=\u0026#34;+id+\u0026#34;\u0026amp;no=\u0026#34;+$(\u0026#34;#\u0026#34;+id+\u0026#34; \u0026gt;input\u0026#34;).val(), …"

""

"出自:http://be.twixt.us/jquery/suckerFish.php\njQuery » SuckerFish Style Purpose Replicate Suckerfish Menus.\nOriginal Code $(document).ready(function(){ $(\u0026#34;#nav-one li\u0026#34;).hover( function(){ $(\u0026#34;ul\u0026#34;, this).fadeIn(\u0026#34;fast\u0026#34;); }, function() { } ); if (document.all) { $(\u0026#34;#nav-one li\u0026#34;).hoverClass (\u0026#34;sfHover\u0026#34;); } }); $.fn.hoverClass = function(c) { return this.each(function(){ $(this).hover( function() { $(this).addClass(c); }, function() { $(this).removeClass(c); } ); …"