前端：jQuery笔记
此系列文章乃是学习jQuery的学习笔记。
摘要: 一、简介 在Asp.net MVC实现的Comet推送的原理很简单。 服务器端：接收到服务器发送的AJAX请求，服务器端并不返回，而是将其Hold住，待到有东西要通知客户端时，才将这个请求返回。 客户端：请求异步Action，当接收到一个返回时，立即又再发送一个。 缺点：会长期占用一个Asp...阅读全文
摘要: 一、jQuery扩展 1、$.extend(object) 类似于.Net的扩展方法，用于扩展jQuery。然后就可以用$.的方式调用。 $(function(){ $.extend({ fun1: function () { alert("为jQuery扩展一个fun1函数...阅读全文
摘要: 空间属性置顶：属性说明change事件，当控件改变时触发nestable方法，获取顺序JSON数据，形式如下：[{"id":1},{"id":2},{"id":3,"children":[{"id":4},{"id":5}]}] 今天，有个刚毕业的同事要做一个“排序出港”的功能，看了他用的控件...阅读全文
摘要: 一、要引用的文件 要使用jqGrid，首先页面上要引入如下css与js文件。 1、css 2、js 二、使用要点说明 1、获取值 1、获取单个id 获取行号，有这种方式： var rowid = $("#grid-table").jqGrid("getGridParam"...阅读全文
摘要: 符号文件是一种辅助数据，它包含了对应用程序代码的一些标注信息，这些信息在调试过程中非常有用。如果没有辅助数据，那么能获得的信息就只有应用程序的二进制文件。二进制文件很难调试，因为无法看到代码中的函数名、数据结构名等。这正是符号文件能显示的。符号文件的扩展名通常是pdb，调试器能够很好地解析这种文...阅读全文
摘要: jQuery获取URL信息有很多方法，但是使用这个插件就非常爽了。 托管地址在：http://github.com/allmarkedup/jQuery-URL-Parser // http: //localhost:19090/home/index?id=1 ...阅读全文
摘要: 使用EasyUI最好的方法不是学会，所有的东西都敲一遍，你也没办法敲得完，而是找到一个好的文档。 http://files.cnblogs.com/kissdodog/jQueryEasyUI%E4%B8%AD%E6%96%87%E5%B8%AE%E5%8A%A9%E6%89%8B%E5%86...阅读全文
摘要: 一、jsonp 其实我本以为jsonp能够做到利用AJAX任意访问别人的程序代码，但是我发现实际并不是我想象的那样，因为jsonp要改动服务器端的代码。别人的服务器端代码怎么改啊？除非别人愿意，否则你还是不能用AJAX获取别人的数据。 Ajax直接请求普通文件存在跨域无权限访问的问题，甭管你是静态页面、动态网页、web服务、WCF，只要是跨域请求，一律不准；其实jsonp的原理就是远程执行js。 示例-服务器端代码：namespace AJAXDomain.Controllers{ public class HomeController : Controller { ...阅读全文
摘要: SWFUpload是一个批量上传插件，在HTML4.1里面，估计也只有Flash+javascript配合才能够做到了。先复制个重要的网址，这个应该是官方的文档了，相当齐全。http://leeon.me/upload/other/swfupload.html#uploadStart这个是格式比较好看的。http://www.cnblogs.com/2050/archive/2012/08/29/2662932.html算了，这个文档的内容太多，各种属性各种方法，记不了这么多，直接贴上个实例算了。前台是视图javascript代码： <script src="@Url.Cont阅读全文
摘要: 一、$.browser对象属性 属性列表 说明 webkit webkit相关浏览器则返回true，否则返回false，如google，傲游。 mozilla mozilla相关浏览器则返回true，否则返回false，如火狐 saf...阅读全文
摘要: 头像裁剪是一个经常用到的功能，实现原理也较为简单，就是在本地选择好所需裁剪图片的坐标，将坐标发送到服务器，由服务器执行图片裁剪操作。jQuery插件Jcrop提供了强大的图片裁剪坐标选择插件。一下来介绍它的用法。本处采用了AJAX本地上传一张图片的方法让用户裁剪。很多验证没有做，因为作为一个关于Jcrop的例子，很多验证不如与本文研究的范畴。服务器端采用MVC3实现。直接贴代码，详解注释里面有了。一、前台页面代码。<link href="http://www.cnblogs.com/Content/jquery.Jcrop.css" rel="stylesh阅读全文
摘要: jqzoom是一款基于jQuery的图片方法插件。使用方法：1.引入jQuery与jqzoom,jqzoom.css 2.准备两张一大一小大小相同的图片，小图片放在<img>标签的"src"属性里，给img标签加个<a>标签，<a>标签的"href"属性链向大图片参数说明：zoomWidht: 小图片所选区域的宽度。 zoomHeight: 小图片所选区域的高度。 zoomType: 默认值为standard。如果设为reverse，在小图片仲，移入鼠标时，所选区域高亮，非选中区域淡灰色。 xOffset: 放大后的图阅读全文
摘要: artDialog是一个非常强大的弹出框插件。默认有两个版本，一个是jQuery版，一个是javascript版。功能非常多，而且使用非常简单。不写了，直接贴上官网的预览运行地址，以后用得着的时候去那里找代码就OK了。 官网预览地址:http://www.planeart.cn/demo/artDialog/_doc/API.html阅读全文
摘要: 一、ajaxFileUpload是一个异步上传文件的jQuery插件。 传一个不知道什么版本的上来，以后不用到处找了。 语法：$.ajaxFileUpload([options]) options参数说明：1、url 上传处理程序地址。 2，fileElementId ...阅读全文
摘要: 一、jQuery.Cookie.js插件是一个轻量级的Cookie管理插件。 特别提醒，今日发现一个特别的错误，google浏览器提示：has no method $.cookie。火狐浏览器提示:$.cookie is not a function;调试了半天，终于找到原因，如果同一个页面两次或者多次引入jQuery插件就会报此错误。 使用方法： 1、引入jQuery与jQuery.Cookie.js插件。 <script src="jQuery.1.8.3.js" type="text/javascript"></script>阅读全文
摘要: 一、jQuery.Form.js 插件的作用是实现Ajax提交表单。 方法： 1.formSerilize() 用于序列化表单中的数据，并将其自动整理成适合AJAX异步请求的URL地址格式。 2.clearForm() 清除表单中所有输入值的内容。 3.restForm 重置表单...阅读全文
摘要: 一、jQuery与DOM对象的转换。 1、jQuery对象转换为DOM对象：$cr[0] 或 $cr.get(0) $cr为jQuery对象 2、DOM对象转换为jQuery对象：$(cr) cr为Dom对象;阅读全文
摘要: 一、load() 加载页面数据 load(url,[data],[callback]) url:加载的页面地址,[data]传送的数据，[callback]加载完成时回调函数。 设计一个load.html代码如下： 我是div1 我是div2 ...阅读全文
摘要: 1、eq() 筛选指定索引号的元素2、first() 筛选出第一个匹配的元素3、last() 筛选出最后一个匹配的元素4、hasClass() 检查匹配的元素是否含有指定的类5、filter() 筛选出与指定表达式匹配的元素集合6、is() 检查元素是否参数里能匹配上的7、map()8、has() 筛选出包含指定子元素的元素9、not() 排除能够被参数中匹配的元素10、slice() 从指定索引开始，截取指定个数的元素11、children() 筛选获取指定元素的资源12、closest() 从当前元素开始，返回最先匹配到的符合条件的父元素13、find(...阅读全文
摘要: 1、offset()获取匹配元素在相对浏览器窗口的偏移量 返回一个对象，包括两个属性。left:相对浏览器窗口左边的距离。top:相对浏览器顶部的距离。 $("#div1").offset().left; //返回id为div1相对于浏览器窗口最左边的距离 $("#div1").offset().top; //返回id为div1相对于浏览器窗口最顶部的距离 以下例子展示了，当点击文本框时，在下方显示一个日期div。紧紧贴住上面的文本框。并且不需要调div的css位置，无论上面的文本框位置如果变化，都能够紧紧且住上面的文本框，记得在前几天搞爱的车轮战报名系阅读全文
摘要: 1、show()显示效果 语法：show(speed,callback) Number/String,Function speend为动画执行时间，单位为毫秒。也可以为slow","normal","fast" callback可选,为当动画完成时执行的函数。 show(speed,[easing],callback) Number/String easing默认是swing,可选linear; $("#div1").show(3000,function(){ alert("动画显示完成!"); }); 阅读全文
摘要: 一、jQuery.validate简介 jQuery.validate.js插件用于对表单输入进行验证，其使用配置非常简单。支持多事件触发，自带多种验证规则，还支持自定义验证规则。 1、配置方法 先导入jQuery库，然后导入Validate插件，如果是中文提示还需要导入messages_z...阅读全文
摘要: jQuery获取文件选择输入框的扩展名var file=$("input[name='file']").val()var filename=file.replace(/.*(\/|\\)/, ""); //文件名var fileExt=(/[.]/.exec(filename)) ? /[^.]+$/.exec(filename.toLowerCase()) : ''; //扩展名今天在用ajaxfileupload时，遇到一个要刷新一次页面才能再次上传，用live()方法来绑定<input type="f阅读全文
摘要: 一、事件列表 1.blur() 当失去焦点时触发。包括鼠标点击离开和TAB键离开。 2.change() 当元素获取焦点后，值改变失去焦点事触发。 3.click() 当鼠标单击时触发。 4.dblclick() 当鼠标双击时触发。 5.error() ...阅读全文
摘要: 1.jQuery属性。获取元素属性的语法:attr(name) 例子：$("#img1").attr("src");设置元素单个属性的语法:attr(key,value) 例子：$("#img1").attr("src","2.jpg");设置元素多个属性的语法：attr({key0:value0,key1:value1}) 例子：$("#img1").attr({src:"3.jpg",title:"jQuery换了一张图片"});通阅读全文
摘要: 基本选择器： #id 根据Id匹配一个元素 .class 根据给定的类名匹配一个元素 element 根据元素名匹配一个元素 * 匹配所有元素 selecttor1,selector2 并集，返回两个选择器匹配到的元素层次选择器： ancestor descendant 根据祖先匹配所有的后代元素 parent>child 根据父元素匹配所有的子元素，直接后代 prev+next 匹配下一个兄弟元素 相当于next()方法 prev~siblings ...阅读全文