前端:jQuery笔记

时间:2021-12-10 13:22:07

前端:jQuery笔记

此系列文章乃是学习jQuery的学习笔记。
摘要: 一、简介 在Asp.net MVC实现的Comet推送的原理很简单。 服务器端:接收到服务器发送的AJAX请求,服务器端并不返回,而是将其Hold住,待到有东西要通知客户端时,才将这个请求返回。 客户端:请求异步Action,当接收到一个返回时,立即又再发送一个。 缺点:会长期占用一个Asp...阅读全文
posted @ 2015-02-10 12:01 逆心 阅读(1072) | 评论 (0) 编辑
摘要: 一、jQuery扩展 1、$.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) 编辑
摘要: 一、要引用的文件 要使用jqGrid,首先页面上要引入如下css与js文件。 1、css 2、js 二、使用要点说明 1、获取值 1、获取单个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) 编辑
摘要: 一、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) 编辑
摘要: 一、$.browser对象属性 属性列表 说明 webkit webkit相关浏览器则返回true,否则返回false,如google,傲游。 mozilla mozilla相关浏览器则返回true,否则返回false,如火狐 saf...阅读全文
posted @ 2012-12-27 13:39 逆心 阅读(1079) | 评论 (0) 编辑
摘要: 头像裁剪是一个经常用到的功能,实现原理也较为简单,就是在本地选择好所需裁剪图片的坐标,将坐标发送到服务器,由服务器执行图片裁剪操作。jQuery插件Jcrop提供了强大的图片裁剪坐标选择插件。一下来介绍它的用法。本处采用了AJAX本地上传一张图片的方法让用户裁剪。很多验证没有做,因为作为一个关于Jcrop的例子,很多验证不如与本文研究的范畴。服务器端采用MVC3实现。直接贴代码,详解注释里面有了。一、前台页面代码。<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) 编辑
摘要: 一、ajaxFileUpload是一个异步上传文件的jQuery插件。 传一个不知道什么版本的上来,以后不用到处找了。 语法:$.ajaxFileUpload([options]) options参数说明:1、url 上传处理程序地址。 2,fileElementId ...阅读全文
posted @ 2012-12-15 10:48 逆心 阅读(127878) | 评论 (13) 编辑
摘要: 一、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>阅读全文
posted @ 2012-12-14 23:48 逆心 阅读(13937) | 评论 (2) 编辑
摘要: 一、jQuery.Form.js 插件的作用是实现Ajax提交表单。 方法: 1.formSerilize() 用于序列化表单中的数据,并将其自动整理成适合AJAX异步请求的URL地址格式。 2.clearForm() 清除表单中所有输入值的内容。 3.restForm 重置表单...阅读全文
posted @ 2012-12-13 22:28 逆心 阅读(13323) | 评论 (0) 编辑
摘要: 一、jQuery与DOM对象的转换。 1、jQuery对象转换为DOM对象:$cr[0] 或 $cr.get(0) $cr为jQuery对象 2、DOM对象转换为jQuery对象:$(cr) cr为Dom对象;阅读全文
posted @ 2012-12-13 22:22 逆心 阅读(149) | 评论 (0) 编辑
摘要: 一、load() 加载页面数据 load(url,[data],[callback]) url:加载的页面地址,[data]传送的数据,[callback]加载完成时回调函数。 设计一个load.html代码如下: 我是div1 我是div2 ...阅读全文
posted @ 2012-12-09 22:38 逆心 阅读(7107) | 评论 (2) 编辑
摘要: 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(...阅读全文
posted @ 2012-12-09 10:53 逆心 阅读(7140) | 评论 (0) 编辑
摘要: 1、offset()获取匹配元素在相对浏览器窗口的偏移量 返回一个对象,包括两个属性。left:相对浏览器窗口左边的距离。top:相对浏览器顶部的距离。 $("#div1").offset().left; //返回id为div1相对于浏览器窗口最左边的距离 $("#div1").offset().top; //返回id为div1相对于浏览器窗口最顶部的距离 以下例子展示了,当点击文本框时,在下方显示一个日期div。紧紧贴住上面的文本框。并且不需要调div的css位置,无论上面的文本框位置如果变化,都能够紧紧且住上面的文本框,记得在前几天搞爱的车轮战报名系阅读全文
posted @ 2012-12-09 10:24 逆心 阅读(6081) | 评论 (0) 编辑
摘要: 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("动画显示完成!"); }); 阅读全文
posted @ 2012-12-08 14:13 逆心 阅读(12789) | 评论 (0) 编辑
摘要: 一、jQuery.validate简介 jQuery.validate.js插件用于对表单输入进行验证,其使用配置非常简单。支持多事件触发,自带多种验证规则,还支持自定义验证规则。 1、配置方法 先导入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.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 ...阅读全文