Jquery and Jquery plug-in
@朱较瘦
只要还有明天,今天就永远是起跑线~~
展开
-
Jquery “回到顶部”
1.html页面: .demo { height: 1400px; padding-top: 100px; } .demo p { text-align: center; he原创 2016-05-18 15:26:24 · 273 阅读 · 0 评论 -
AJAX跨域访问
一、jsonp 其实我本以为jsonp能够做到利用AJAX任意访问别人的程序代码,但是我发现实际并不是我想象的那样,因为jsonp要改动服务器端的代码。别人的服务器端代码怎么改啊?除非别人愿意,否则你还是不能用AJAX获取别人的数据。 Ajax直接请求普通文件存在跨域无权限访问的问题,甭管你是静态页面、动态网页、web服务、WCF,只要是跨域请求,一律不准;其实jsonp的原理就是远程转载 2017-05-23 11:36:12 · 277 阅读 · 0 评论 -
JQuery插件:获取URL信息
jQuery获取URL信息有很多方法,但是使用这个插件就非常爽了。 托管地址在:http://github.com/allmarkedup/jQuery-URL-Parser // http: //localhost:19090/home/index?id=1 var source = $.url.attr("source");转载 2017-05-23 11:38:04 · 657 阅读 · 0 评论 -
JQuery可拖拽插件:NesTable
空间属性置顶:属性说明change事件,当控件改变时触发nestable方法,获取顺序JSON数据,形式如下:[{"id":1},{"id":2},{"id":3,"children":[{"id":4},{"id":5}]}] 今天,有个刚毕业的同事要做一个“排序出港”的功能,看了他用的控件,炫酷程度惊呆了我,而且实现转载 2017-05-23 11:47:32 · 5397 阅读 · 3 评论 -
ASP.NET MVC CometWe消息推送(功能和SingR类似)
一、简介在Asp.net MVC实现的Comet推送的原理很简单。 服务器端:接收到服务器发送的AJAX请求,服务器端并不返回,而是将其Hold住,待到有东西要通知客户端时,才将这个请求返回。 客户端:请求异步Action,当接收到一个返回时,立即又再发送一个。 缺点:会长期占用一个Asp.net处理线程。但相比于轮询,其节省了带宽。 示例: 新建一个Contro原创 2017-05-23 12:02:29 · 3730 阅读 · 0 评论 -
JQuery trigger方法与triggerHandler方法的区别
trigger(event, [data]) 与 triggerHandler(event, [data]) 都是用于触发一个事件。其两者的区别在于,如果触发的事件是有浏览器默认行为的,trigger会触发浏览器默认行为,而triggerHandler不会。简单来说,如果你要触发一个Form表单的submit事件。那么使用trigger,表单也会提交。而使用triggerHandler表单转载 2017-05-23 12:06:21 · 1196 阅读 · 0 评论 -
jQuery延迟加载(懒加载)插件 – jquery.lazyload.js
Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的.在包含很多大图片长页面中延迟加载图片可以加快页面加载速度. 浏览器将会在加载可见图片之后即进入就绪状态. 在某些情况下还可以帮助降低服务器负担.如何使用:L转载 2017-05-23 14:33:47 · 298 阅读 · 0 评论 -
JQuery DOM
1.jQuery属性。获取元素属性的语法:attr(name) 例子:$("#img1").attr("src");设置元素单个属性的语法:attr(key,value) 例子:$("#img1").attr("src","2.jpg");设置元素多个属性的语法:attr({key0:value0,key1:val转载 2017-05-22 15:33:58 · 216 阅读 · 0 评论 -
JQuery 事件
一、事件列表 1.blur() 当失去焦点时触发。包括鼠标点击离开和TAB键离开。 2.change() 当元素获取焦点后,值改变失去焦点事触发。 3.click() 当鼠标单击时触发。 4.dblclick() 当鼠标双击时触发。 5.error() 当javascript出错或img的src属性无效时触发。 6.转载 2017-05-22 15:48:38 · 216 阅读 · 0 评论 -
JQuery动画
1、show()显示效果 语法:show(speed,callback) Number/String,Function speend为动画执行时间,单位为毫秒。也可以为slow","normal","fast" callback可选,为当动画完成时执行的函数。 show(speed,[easing],callback) Number/String easing默认是sw转载 2017-05-22 15:58:43 · 248 阅读 · 0 评论 -
JQuery 元素位置
含义相当于js中的$(obj).height()不包括内边界(padding),外边界(marging),边框(border)的大小. $(obj).css('height')和$(obj).height()之间的区别是后者返回一个没有单位的数值 $(obj).innerHeight()包括内边界(padd原创 2017-05-22 17:17:42 · 250 阅读 · 0 评论 -
JQuery筛选
1、eq() 筛选指定索引号的元素2、first() 筛选出第一个匹配的元素3、last() 筛选出最后一个匹配的元素4、hasClass() 检查匹配的元素是否含有指定的类5、filter() 筛选出与指定表达式匹配的元素集合6、is() 检查元素是否参数里能匹配上的7、map()8、has() 筛选出包含指定子元素的元素9、not()原创 2017-05-22 18:00:32 · 368 阅读 · 0 评论 -
JQuery插件:批量上传SWFUpload
SWFUpload是一个批量上传插件,在HTML4.1里面,估计也只有Flash+javascript配合才能够做到了。先复制个重要的网址,这个应该是官方的文档了,相当齐全。http://leeon.me/upload/other/swfupload.html#uploadStart这个是格式比较好看的。http://www.cnblogs.com/2050/archive/2012/转载 2017-05-23 11:31:07 · 3546 阅读 · 0 评论 -
JQuery工具函数
一、$.browser对象属性 属性列表 说明 webkit webkit相关浏览器则返回true,否则返回false,如google,傲游。 mozilla mozilla相关浏览器则返回true,否则返回false,如火狐 safari safari相关浏览器则返回true,否则返回false,如原创 2017-05-23 11:27:44 · 294 阅读 · 0 评论 -
JQuery插件:图片放大镜
jqzoom是一款基于jQuery的图片方法插件。https://github.com/mindprojects/jqzoom/使用方法:1.引入jQuery与jqzoom,jqzoom.css 2.准备两张一大一小大小相同的图片,小图片放在标签的"src"属性里,给img标签加个标签,标签的"href"属性链向大图片参数说明:zoomWidht: 小图片所选区域的宽度。转载 2017-05-23 11:05:03 · 395 阅读 · 0 评论 -
Jquery load more 分页方式
http://www.cnblogs.com/rush/p/3397761.html原创 2016-05-17 22:34:36 · 1714 阅读 · 0 评论 -
Jquery Pagination Ajax分页插件
1.引用js 和 css:jquery.pagination.js pagination.css2.html and js: $("#Pagination").pagination(data.TotalCount, {--总条数 num_edge_entries: 1, num_display_entries:原创 2016-06-02 17:25:06 · 529 阅读 · 0 评论 -
Jquery中(function($){...})(jQuery),$(function(){}),$.extend(object)和$.fn.extend(object)
1.(jQuery(function($){...})(jQuery): 匿名函数:function($){...}参数为$、function(arg){...}参数为arg。 调用匿名函数时,是在函数后面写上括号和实参的,由于操作符的优先级,函数本身也需要用括号,(相当于函数自执行,即定义了一个匿名函数,然后又调用该函数,该函数的实参为jQuery。) (jQuer原创 2016-05-19 10:02:38 · 3062 阅读 · 0 评论 -
Jquery dataTables api 配置笔记
一、详细配置:var docrTable = $('#docrevisontable').dataTable({ "bProcessing" : true, //DataTables载入数据时,是否显示‘进度’提示 "bServerSide" : true, //是否启动服务器端数据导入 "bStateSave" : tr原创 2016-08-24 16:31:09 · 4457 阅读 · 0 评论 -
tab中的highcharts图形在tab切换后宽度错乱的恢复
$(".tabcontrol2").tabControl({ onTabChange: function (e) { var name = $(e).attr("mark"); var $section = $("." + name.toLowerCase()); if ($se原创 2016-09-06 15:10:24 · 1348 阅读 · 0 评论 -
HighCharts基本配置
一、数据格式:X:var keys=['2016-08-27','2016-08-28','2016-08-29','2016-08-30','2016-08-31','2016-09-01','2016-09-02','2016-09-03','2016-09-04','2016-09-05','2016-09-06','2016-09-07','2016-09-08','2016-原创 2016-09-26 16:57:26 · 339 阅读 · 0 评论 -
JqueryUI-datepicker 时间段控制在30天
Start date:End date: var dateFormat = "yy-mm-dd" from = $("#date_start").datepicker( { defaultDate: $("#date_start").val(), changeMonth: t原创 2016-10-26 18:02:00 · 2185 阅读 · 0 评论 -
Jquery datatables 数据绑定方式
一、普通绑定方式: $(document).ready(function() { $('#example').dataTable(); }); First n原创 2016-08-24 16:12:16 · 11775 阅读 · 2 评论 -
JQuery 插件:、jQuery.Cookie.js
一、jQuery.Cookie.js插件是一个轻量级的Cookie管理插件。 特别提醒,今日发现一个特别的错误,google浏览器提示:has no method $.cookie。火狐浏览器提示:$.cookie is not a function;调试了半天,终于找到原因,如果同一个页面两次或者多次引入jQuery插件就会报此错误。 使用方法: 1、引入jQuery与jQue原创 2017-05-23 10:29:27 · 238 阅读 · 0 评论 -
JQuery插件:jQuery.Form.js,AJAX表单提交
一、jQuery.Form.js 插件的作用是实现Ajax提交表单。 方法: 1.formSerilize() 用于序列化表单中的数据,并将其自动整理成适合AJAX异步请求的URL地址格式。 2.clearForm() 清除表单中所有输入值的内容。 3.restForm 重置表单中所有的字段内容。即将所有表单中的字段恢复到页面加载时的默认值。 疑问:aja原创 2017-05-23 10:34:21 · 407 阅读 · 0 评论 -
JQuery弹窗插件:artDailog
artDailog弹窗插件转载 2017-05-23 10:44:16 · 417 阅读 · 0 评论 -
JQuery插件开发步骤
一、jQuery扩展 1、$.extend(object) 类似于.Net的扩展方法,用于扩展jQuery。然后就可以用$.的方式调用。 $(function(){ $.extend({ fun1: function () { alert("为jQuery扩展一个fun1函数!"); } }); $.fun1(); })2、$.fn.e原创 2017-05-23 11:57:58 · 265 阅读 · 0 评论