前端:jQuery笔记

 前端:jQuery笔记

此系列文章乃是学习jQuery的学习笔记。
摘要: 1、简介 在Asp.net MVC实现的Comet推送的原理很简单。 服务器端:接收到服务器发送的AJAX请求,服务器端并不返回,而是将其Hold住,待到有东西要通知客户端时,才将这个请求返回。 客户端:请求异步Action,当接收到一个返回时,当即又再发送一个。 缺点:会长期占用一个Asp... 阅读全文
posted @  2015-02-10 12:01 逆心 阅读(1072) |  评论 (0)  编辑

 

摘要: 1、jQuery扩展 一、$.extend(object) 相似于.Net的扩展方法,用于扩展jQuery。而后就能够用$.的方式调用。 $(function(){ $.extend({ fun1: function () { alert("为jQuery扩展一个fun1函数... 阅读全文
posted @  2014-11-27 11:22 逆心 阅读(252) |  评论 (0)  编辑

 

摘要: 空间属性置顶:属性说明change事件,当控件改变时触发nestable方法,获取顺序JSON数据,形式以下:[{"id":1},{"id":2},{"id":3,"children":[{"id":4},{"id":5}]}] 今天,有个刚毕业的同事要作一个“排序出港”的功能,看了他用的控件... 阅读全文
posted @  2014-08-29 18:58 逆心 阅读(4981) |  评论 (0)  编辑

 

摘要: 1、要引用的文件 要使用jqGrid,首先页面上要引入以下css与js文件。 一、css 二、js 2、使用要点说明 一、获取值 一、获取单个id 获取行号,有这种方式: var rowid = $("#grid-table").jqGrid("getGridParam"... 阅读全文
posted @  2014-07-29 17:17 逆心 阅读(39728) |  评论 (2)  编辑

 

摘要: 符号文件是一种辅助数据,它包含了对应用程序代码的一些标注信息,这些信息在调试过程当中很是有用。若是没有辅助数据,那么能得到的信息就只有应用程序的二进制文件。二进制文件很难调试,由于没法看到代码中的函数名、数据结构名等。这正是符号文件能显示的。符号文件的扩展名一般是pdb,调试器可以很好地解析这种文... 阅读全文
posted @  2014-05-15 10:22 逆心 阅读(2254) |  评论 (1)  编辑

 

摘要: jQuery获取URL信息有不少方法,可是使用这个插件就很是爽了。 托管地址在:http://github.com/allmarkedup/jQuery-URL-Parser // http: //localhost:19090/home/index?id=1 ... 阅读全文
posted @  2013-10-24 19:06 逆心 阅读(311) |  评论 (0)  编辑

 

摘要: 使用EasyUI最好的方法不是学会,全部的东西都敲一遍,你也没办法敲得完,而是找到一个好的文档。 http://files.cnblogs.com/kissdodog/jQueryEasyUI%E4%B8%AD%E6%96%87%E5%B8%AE%E5%8A%A9%E6%89%8B%E5%86... 阅读全文
posted @  2013-09-09 13:01 逆心 阅读(2083) |  评论 (1)  编辑

 

摘要: 1、jsonp 其实我本觉得jsonp可以作到利用AJAX任意访问别人的程序代码,可是我发现实际并非我想象的那样,由于jsonp要改动服务器端的代码。别人的服务器端代码怎么改啊?除非别人愿意,不然你仍是不能用AJAX获取别人的数据。 Ajax直接请求普通文件存在跨域无权限访问的问题,甭管你是静态页面、动态网页、web服务、WCF,只要是跨域请求,一概不许;其实jsonp的原理就是远程执行js。 示例-服务器端代码:namespace AJAXDomain.Controllers{ public class HomeController : Controller { ... 阅读全文
posted @  2013-06-21 16:16 逆心 阅读(302) |  评论 (0)  编辑

 

摘要: 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 阅读全文
posted @  2013-01-24 22:09 逆心 阅读(9141) |  评论 (1)  编辑

 

摘要: 1、$.browser对象属性 属性列表 说明 webkit webkit相关浏览器则返回true,不然返回false,如google,傲游。 mozilla mozilla相关浏览器则返回true,不然返回false,如火狐 saf... 阅读全文
posted @  2012-12-27 13:39 逆心 阅读(1079) |  评论 (0)  编辑

 

摘要: 头像裁剪是一个常常用到的功能,实现原理也较为简单,就是在本地选择好所需裁剪图片的坐标,将坐标发送到服务器,由服务器执行图片裁剪操做。jQuery插件Jcrop提供了强大的图片裁剪坐标选择插件。一下来介绍它的用法。本处采用了AJAX本地上传一张图片的方法让用户裁剪。不少验证没有作,由于做为一个关于Jcrop的例子,不少验证不如与本文研究的范畴。服务器端采用MVC3实现。直接贴代码,详解注释里面有了。1、前台页面代码。<link href="http://www.cnblogs.com/Content/jquery.Jcrop.css" rel="stylesh 阅读全文
posted @  2012-12-21 14:02 逆心 阅读(6630) |  评论 (0)  编辑

 

摘要: jqzoom是一款基于jQuery的图片方法插件。使用方法:1.引入jQuery与jqzoom,jqzoom.css 2.准备两张一大一小大小相同的图片,小图片放在<img>标签的"src"属性里,给img标签加个<a>标签,<a>标签的"href"属性链向大图片参数说明:zoomWidht: 小图片所选区域的宽度。 zoomHeight: 小图片所选区域的高度。 zoomType: 默认值为standard。若是设为reverse,在小图片仲,移入鼠标时,所选区域高亮,非选中区域淡灰色。 xOffset: 放大后的图 阅读全文
posted @  2012-12-15 22:40 逆心 阅读(6080) |  评论 (0)  编辑

 

摘要: artDialog是一个很是强大的弹出框插件。默认有两个版本,一个是jQuery版,一个是javascript版。功能很是多,并且使用很是简单。不写了,直接贴上官网的预览运行地址,之后用得着的时候去那里找代码就OK了。 官网预览地址:http://www.planeart.cn/demo/artDialog/_doc/API.html 阅读全文
posted @  2012-12-15 16:18 逆心 阅读(5201) |  评论 (0)  编辑

 

摘要: 1、ajaxFileUpload是一个异步上传文件的jQuery插件。 传一个不知道什么版本的上来,之后不用处处找了。 语法:$.ajaxFileUpload([options]) options参数说明:一、url 上传处理程序地址。 2,fileElementId ... 阅读全文
posted @  2012-12-15 10:48 逆心 阅读(127878) |  评论 (13)  编辑

 

摘要: 1、jQuery.Cookie.js插件是一个轻量级的Cookie管理插件。 特别提醒,今日发现一个特别的错误,google浏览器提示:has no method $.cookie。火狐浏览器提示:$.cookie is not a function;调试了半天,终于找到缘由,若是同一个页面两次或者屡次引入jQuery插件就会报此错误。 使用方法: 一、引入jQuery与jQuery.Cookie.js插件。 <script src="jQuery.1.8.3.js" type="text/javascript"></script> 阅读全文
posted @  2012-12-14 23:48 逆心 阅读(13937) |  评论 (2)  编辑

 

摘要: 1、jQuery.Form.js 插件的做用是实现Ajax提交表单。 方法: 1.formSerilize() 用于序列化表单中的数据,并将其自动整理成适合AJAX异步请求的URL地址格式。 2.clearForm() 清除表单中全部输入值的内容。 3.restForm 重置表单... 阅读全文
posted @  2012-12-13 22:28 逆心 阅读(13323) |  评论 (0)  编辑

 

摘要: 1、jQuery与DOM对象的转换。 一、jQuery对象转换为DOM对象:$cr[0] 或 $cr.get(0) $cr为jQuery对象 二、DOM对象转换为jQuery对象:$(cr) cr为Dom对象; 阅读全文
posted @  2012-12-13 22:22 逆心 阅读(149) |  评论 (0)  编辑

 

摘要: 1、load() 加载页面数据 load(url,[data],[callback]) url:加载的页面地址,[data]传送的数据,[callback]加载完成时回调函数。 设计一个load.html代码以下: 我是div1 我是div2 ... 阅读全文
posted @  2012-12-09 22:38 逆心 阅读(7107) |  评论 (2)  编辑

 

摘要: 一、eq() 筛选指定索引号的元素二、first() 筛选出第一个匹配的元素三、last() 筛选出最后一个匹配的元素四、hasClass() 检查匹配的元素是否含有指定的类五、filter() 筛选出与指定表达式匹配的元素集合六、is() 检查元素是否参数里能匹配上的七、map()八、has() 筛选出包含指定子元素的元素九、not() 排除可以被参数中匹配的元素十、slice() 从指定索引开始,截取指定个数的元素十一、children() 筛选获取指定元素的资源十二、closest() 从当前元素开始,返回最早匹配到的符合条件的父元素1三、find(... 阅读全文
posted @  2012-12-09 10:53 逆心 阅读(7140) |  评论 (0)  编辑

 

摘要: 一、offset()获取匹配元素在相对浏览器窗口的偏移量 返回一个对象,包括两个属性。left:相对浏览器窗口左边的距离。top:相对浏览器顶部的距离。 $("#div1").offset().left; //返回id为div1相对于浏览器窗口最左边的距离 $("#div1").offset().top; //返回id为div1相对于浏览器窗口最顶部的距离 如下例子展现了,当点击文本框时,在下方显示一个日期div。牢牢贴住上面的文本框。而且不须要调div的css位置,不管上面的文本框位置若是变化,都可以牢牢且住上面的文本框,记得在前几天搞爱的车轮战报名系 阅读全文
posted @  2012-12-09 10:24 逆心 阅读(6081) |  评论 (0)  编辑

 

摘要: 一、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("动画显示完成!"); });  阅读全文
posted @  2012-12-08 14:13 逆心 阅读(12789) |  评论 (0)  编辑

 

摘要: 1、jQuery.validate简介 jQuery.validate.js插件用于对表单输入进行验证,其使用配置很是简单。支持多事件触发,自带多种验证规则,还支持自定义验证规则。 一、配置方法 先导入jQuery库,而后导入Validate插件,若是是中文提示还须要导入messages_z... 阅读全文
posted @  2012-12-05 23:15 逆心 阅读(5072) |  评论 (0)  编辑

 

摘要: jQuery获取文件选择输入框的扩展名var file=$("input[name='file']").val()var filename=file.replace(/.*(\/|\\)/, ""); //文件名var fileExt=(/[.]/.exec(filename)) ? /[^.]+$/.exec(filename.toLowerCase()) : ''; //扩展名今天在用ajaxfileupload时,遇到一个要刷新一次页面才能再次上传,用live()方法来绑定<input type="f 阅读全文
posted @  2012-12-04 23:51 逆心 阅读(918) |  评论 (0)  编辑

 

摘要: 1、事件列表 1.blur() 当失去焦点时触发。包括鼠标点击离开和TAB键离开。 2.change() 当元素获取焦点后,值改变失去焦点事触发。 3.click() 当鼠标单击时触发。 4.dblclick() 当鼠标双击时触发。 5.error() ... 阅读全文
posted @  2012-11-26 12:38 逆心 阅读(1062) |  评论 (0)  编辑

 

摘要: 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换了一张图片"});通 阅读全文
posted @  2012-11-20 23:18 逆心 阅读(976) |  评论 (1)  编辑

 

摘要: 基本选择器: #id 根据Id匹配一个元素 .class 根据给定的类名匹配一个元素 element 根据元素名匹配一个元素 * 匹配全部元素 selecttor1,selector2 并集,返回两个选择器匹配到的元素层次选择器: ancestor descendant 根据祖先匹配全部的后代元素 parent>child 根据父元素匹配全部的子元素,直接后代 prev+next 匹配下一个兄弟元素 至关于next()方法 prev~siblings ... 阅读全文
相关文章
相关标签/搜索