$.when的说明描述: 提供一种方法来执行一个或多个对象的回调函数,返回这些对象的延时(Deferred)对象。 说明(结合实例和源码): 如果你不传递任何参数, jQuery.when()将返回一个resolved(解决)状态的promise对象。 如果向jQuery.when()传入一个参数 , 并且它不是一个Deferred或Promise对象, 那么它会被当作是一个被解决(resolved)的延迟对象,并且绑定到上面的任何 doneCallbacks 都会被立刻执行。向 doneCal...
准备工作·Customer类 public class Customer{ public int Unid { get; set; } public string CustomerName { get; set; } public string Memo { get; set; } public string Other { get; set; }} ·服务端处理(Json_1.ashx) Customer customer = new Customer { Unid=1,CustomerName="宋江",Memo="天魁星",Other="黑三郎"};string strJson = Newtonsoft.Json.JsonConvert.SerializeObject(customer);context....
闲来无事,在网上发现了一篇对比AngularJs和Jquery的文章.恰好最近自己也在研究AngularJs.特此收藏.需要的朋友可以参考.原问题:假如我熟悉利用jQuery去开发客户端应用,那么我怎么上手angularjs,能否描述下所需要的模式转变,下面这些问题能够帮助你给出一个回答:1.在设计客户端web应用的时候有什么区别,最大的区别是什么?2.我应该停止使用哪些技术,同时又使用哪些技术作为替代?3.是否存在服务端需要考虑的东西或者说一些限制...
jQuery.Callbacks()提供的回调函数队列管理本来是延时回调处理的一部分,但是后面将其独立出来作为一个模块。jQuery就是这样,各个模块间的代码耦合度是处理的比较好的,值得学习。虽然是从延时回调处理中独立出来的,但是它的功能非常强大,提供了一种强大的方法来管理回调函数队列。 大家都明白封装函数的目的:去耦合与简化操作。 通常情况下函数队列的处理方式//执行函数function runList(arr){for(var i = 0; i < arr.l...
在网上看到一款拼图游戏游戏,发现它是js写成的,于是想看一下它的实现方法,经过代码去余冗和修改,我们来分析这段代码的精妙。 1. HTML部分复制网页的源代码,去掉与拼图功能无关,并根据CSS文件去掉具体内容标签,得到一个简单的HTML页面<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>jQuery拼图</title><script type="text/javascript" src="jquery.min.js"></script><script type=...
我分析的jQuery版本是1.8.3。Sizzle代码从3669行开始到5358行,将近2000行的代码,这个引擎的版本还是比较旧,最新的版本已经到v2.2.2了,代码已经超过2000行了。并且还有个专门的Sizzle主页。从一个demo开始,HTML代码如下:<div id="grand_father"><div id="father"><div id="child1" class="child">子集1</div><div id="child2" class="child">子集2</div><div id="child3" class="child">子集3</div><input type="radio" id="r...
jQuery是非常常用的一个前端js库。它的版本主要有3大类,分别是:1.X 、2.X 、 3.X。每个大类下又有若干不同的版本,按时间以此的更新。 这些版本是什么关系?有什么差异?下面简单分析一下。 1.从对于IE浏览器的支持程度来说,只有1.X版本的jQuery才支持IE6/7/8,2.X版本和3.X版本都已经不在支持。 2.那2.X版本跟3.X版本又有何区别?jQuery3.0版本是在2016年下半年才推出的,在此之前只有1.X版本和2.X版本,在1.X版本和2...
什么情况下使用到克隆节点? 我们知道在对DOM操作过程中如果直接使用节点会出现节点随操作而变动的情况。比如对节点使用.after/.before/.append等方法后,节点被添加到新的地方,原来的位置上的节点被移除了。有的时候需要保留原来位置上的节点,仅仅是需要一个副本添加到对应位置,这个时候克隆就有了使用场景。 jQuery.fn.clone克隆当前匹配元素集合的一个副本,并以jQuery对象的形式返回。 你还可以指定是否复制这些匹...
本文分析了jQuery数据缓存用法。分享给大家供大家参考。具体如下:
在jQuery的API帮助文档中,jQuery这样描述数据缓存的作用:用于在一个元素上存取数据而避免了循环引用的风险。
一、定义缓存数据
使用$(selector).data(name,value)方法可以为jQuery对象定义缓存数据。这些缓存数据被存放在匹配的DOM元素集合中所有DOM元素中。var $link = $('a');
$link.data('linkType', 'home');说明:$(selector).data(name,value)可以在匹配的...
本文分析了jQuery数据缓存用法。分享给大家供大家参考。具体如下:
在jQuery的API帮助文档中,jQuery这样描述数据缓存的作用:用于在一个元素上存取数据而避免了循环引用的风险。
一、定义缓存数据
使用$(selector).data(name,value)方法可以为jQuery对象定义缓存数据。这些缓存数据被存放在匹配的DOM元素集合中所有DOM元素中。
var $link = $(a);
$link.data(linkType, home);说明:$(selector).data(name,value)可以在匹配的DOM元...
本文实例讲述了jQuery插件制作之参数用法。分享给大家供大家参考。具体分析如下:
1、无参数实现文字阴影效果jQuery.fn.shadow =function(){ return this.each(function(){ var $originalElement = jQuery(this); for(var i = 0;i 调用的例子: 代码如下:$("h1").shadow();
2、简单的参数jQuery.fn.shadow =function(slices,opacity,zIndex){ return this.each(function(){ var $originalElement = jQuery(this); for(var i = 0;i ...
jQuery下有个概念叫“类数组”,比如$( " li " ),当取到一个集合的时候,会有数组的一些属性,但是instancseof Array仍然是false。但是var a=$( "li" ).get()这样处理一下,然后instancseofArray就返回true。 要注意var a=$( "li" ).get(1)里头加序列号可以取到单个元素,这些元素的性质不是jQuery对象,而是Js对象,所以不可直接用jQuery方法。 map()的功能主要有两步,第一步就是遍历,第二步就是替换。 $( " li "...
本文实例讲述了jQuery实现文本显示一段时间后隐藏的方法。分享给大家供大家参考,具体如下:
点击button时,提示信息显示,8秒后,信息隐藏。
<input id="place_order" name="place_order" type="submit" />
<div class="after_submit_remind" style="display: none;">请耐心等待,这段文本显示8秒后会消失,安拓网络。
</div>
jQuery(document).ready(function(){jQuery(document).on(click, input#place_order, function(){jQuer...
在jQuery内部函数Animation中调用到了createTweens()来创建缓动动画组,创建完成后的结果为:可以看到上面的缓动动画组有四个原子动画组成。每一个原子动画的信息都包含在里面了。仔细查看createTweens函数,实际上就是遍历调用了tweeners ["*"]的数组中的函数(实际上就只有一个元素)。再次查看这个tweeners ["*"][0]函数,主要代码如下function( prop, value ) {var end, unit,//根据css特征值获取缓动动画结构tween = this.c...
本文实例分析了jQuery实现div拖拽效果。分享给大家供大家参考,具体如下:New Document /*模块拖拽*/
.drag{position:absolute;width:100px;height:100px;border:1px solid #ddd;background:#FBF2BD;text-align:center;padding:5px;top:100px;left:20px;cursor:move;}// 模块拖拽
$(function(){
var _move=false;//移动标记
var _x,_y;//鼠标离控件左上角的相对位置$(".drag").click(function(){//alert("click");//点击(松开后触...