細水、長流√的专栏

XMLHttpRequest.upload向后台上传文件时监听进度，主要使用的是XMLHttpRequest提供的upload方法，此方法会返回一个XMLHttpRequestUpload对象，用来表示上传进度 。 ——XMLHttpRequest.uploadFormData是XMLHttpRequest提供的一个新的接口，主要优点是可以异步上传二进制文件。 ——FormData具体操作如下页面结构及样式<input type="file" id="upload-fil...

最近遇到，如果用户频繁点击ajax请求，有两个问题：1，如果连续点击了5个ajax请求，前4个其实是无效的，趁早结束节省资源。2，更严重的问题是：最后一个发送的请求，响应未必是最后一个，有可能造成混乱。还需要一个队列来维护发送的请求和响应。我其实已经设计好了该队列的实现方式，后来发现jQuery直接通过abort方法，这样就不需要那么复杂的实现了，毕竟还有其他事情等着完成。用jquery发送ajax请求的确是太方便了，$.get、$.post、$.ajax等等，但我们有时候需要中途中止aja

本文实例讲述了JQuery 实现文件下载的常用方法。分享给大家供大家参考，具体如下：GET方式window.location.href = url;POST方式var url = "下载接口地址";// 构造隐藏的form表单var $form = $("<form id='download' class='hidden' method='post'></form>");$form.attr("url",url);$(body).append($form

今天突然收到感谢的评论，没想到自己随手写的问题还真能帮助到别人，还是继续自己晒鱼打网的记录吧最近项目换了个后台合作，所以发现平时经常使用的ajax的请求方式出错1.找了好久发现contentType一般为默认的application/x-www-form-urlencoded，这次post请求后台限定了为application/json2.当设置contentType为application/json还是出错时，把data也要转换一下如下：$.ajax({ method: "P

data-*自定义数据属性HTML5规定可以为元素添加非标准型的属性，只需添加前缀data-，这些属性可以随意添加，随意命名，目的是为元素提供与渲染无关的信息，或提供语义信息。下面就详细介绍四种方法获取data-*属性的值<li id="getId" data-id="122" data-vice-id="11">获取id</li>需要获取的就是data-id和dtat-vice-id的值一：getAttribute()方法const get...

来源：http://www.bootstrapmb.com/item/5497预览：http://www.bootstrapmb.com/item/5497/preview本地：js特效\jQuery圆形进度条插件

jQuery+ajax实现文件上传我在写jQuery接口上传文件的时候，遇到一个特头疼的问题，那就是上传图片，刚开始那我以为一个简单的form表单就搞定了，没想到写了两个小时都没写出来，心情那个烦躁啊，有一种想砸电脑的冲动，最后那我就用下面的方法实现了这个功能，突然发现好简单，分享给大家！废话不多说，直接上干货，代码走起。。。。代码块html代码段<input type="file" name="photo" id="photo" value="" placeholder="免冠照片

1.日历插件仅显示年月，需要在html中作如下处理：<style type="text/css"> .ui-datepicker-calendar { display: none; }</style>2.因业务需要，需要查询全部，故使用清除按钮做为全部，后台查询方法体现在插件的onClose方法，如果放在beforeShow则会出现后...

说明：position()获取相对于它最近的具有相对位置(position:relative)的父级元素的距离，如果找不到这样的元素，则返回相对于浏览器的距离。offset()始终返回相对于浏览器文档的距离，它会忽略外层元素1》jQuery中offset()方法:获取或设置指定元素在视窗或文章的偏移位置;语法：$(selector).offset(...

$.fn.serializeObject = function(){ var o = {}; var a = this.serializeArray(); $.each(a, function() { if (o[this.name] !== undefined) { if (!o[this.name].push) { ...

这篇文章主要介绍了jQuery中on()方法用法,实例分析了on()方法的功能、定义及在匹配元素上绑定一个或者多个事件处理函数的使用技巧,需要的朋友可以参考下本文实例讲述了jQuery中on()方法用法。分享给大家供大家参考。具体分析如下：此方法可以在匹配元素上绑定一个或者多个事件处理函数。使用off()方法可以删除on()方法绑定的事件。语法结构一:$(selector).o...

jQuery的开发速度很快，几乎每半年一个大版本，每两个月一个小版本。每个版本都会引入一些新功能。今天我想介绍的，就是从jQuery 1.5.0版本开始引入的一个新功能----deferred对象。这个功能很重要，未来将成为jQuery的核心方法，它彻底改变了如何在jQuery中使用ajax。为了实现它，jQuery的全部ajax代码都被改写了。但是，它比较抽象，初学者很难掌握，网

禁止鼠标右键：        $(document).bind("contextmenu",function(){return false;});防止元素被选中：        $(document).bind("selectstart",function(){return false;});

序 　　昨天写了篇通过jQuery源码学习javascript（一），里面有一个定义对象C的方法，我早期也没有太注意这个方面的技术细节。后来我查了一下资料，发现里面有很多巧的地方。今天与大家分享。 巧妙1：函数 　　在javascript代码中函数是个不可多得的人才。　　　　♥ 它可以归置代码段，封装相对独立的功能。　　　　♥ 它也可以实现类，注

作为技术狂热分子的职业本能，看到一个技术产品的功能，总会忍不住想知道它是怎么被实现的。比如我每每看到别人网站一个很炫的界面或者很酷的功能，就忍不住打开了浏览器的控制台。。。好，不扯远，说说当你想看到网站上某个元素绑定的事件函数的代码时应该怎么做吧。查看原生绑定的事件函数代码所谓原生就是通过addEventListener方法绑定到dom元素上。这个好办：审查

Uploadify是JQuery的一个上传插件，实现的效果非常不错，带进度显示。不过官方提供的实例时php版本的，本文将详细介绍Uploadify在Aspnet中的使用，您也可以点击下面的链接进行演示或下载。官方下载官方文档官方演示html xmlns="http://www.w3.org/1999/xhtml">head runat="server"> title>Up

标签的属性src ：视频的属性poster：视频封面，没有播放时显示的图片preload：预加载autoplay：自动播放loop：循环播放controls：浏览器自带的控制条width：视频宽度height：视频高度html 代码 video id="media" src="http://www.sundxs.com/test.mp4" controls width="40

假设此元素为 #item,先说几个关键的属性:1.jQuery(‘#item’).offset().top#item 的绝对偏移量,指#item的实际尺寸(即不包括外边框margin)的上边界到页面顶端的距离.这个值不随窗口滚动而改变2.jQuery(‘#item’).outerHeight()#item 的实际尺寸,即 height+padding+border3.jQuer

http://blog.csdn.net/vbdfforever/article/details/51121012

七牛最近改版了网站，弄成全屏滚动的特效，真的很炫，于是查看其源代码，发现了一个fullPage.js插件，于是百度了一下，还就是这个插件的作用，其实有很多网站都做了全屏滚动的特效，效果也很好看，今天就给大家说说fullPage.js的使用方法和设置。简介fullPage.js是一个基于jQuery的全屏滚动插件，它能够很方便、很轻松的制作出全屏网站。主要功能

如果在页面中重叠了多个元素，并且重叠的这些元素都绑定了同一个事件，那么就会出现冒泡问题。//HTML 页面//三个不同元素触发事件$('input').click(function () {alert('按钮被触发了！');});$('div').click(function () {alert('div 层被触发了！');});$(docume

1) 禁用鼠标右键单击　　jQuery程序员可以使用此代码在网页上禁用鼠标右键点击。12345678910$(document).ready(function() {    //catch the right-click context menu