今天 谢亮 兄弟和我讨论一个东西的时候，谈到了性能，他用的是 attr 操作自定义属性 data-uid，我说用 data 好，因为是 dataset 实现，然后他去翻了下 jQuery 源码和我说，没有发现这个东西，我就纳闷了。于是我去仔细读了下 data 方法的源码，才发现我一直误会了，再此，向之前问我 data 方法的群友道歉，我 "骗" 了你们，你们来打我吧。 今天我就重新解释下 data 方法，先看下 jQuery 1.11.0 的手册里肿么说的吧，请移步至http:/...
deep是布尔值,表示是否进行深度合并,默认是false,不执行深度合并.通过这种方式可以在jQuery或jQuery.fn上添加新的属性和方法,jQuery的其他模块大都是这么实现的. 给jQuery添加扩展时用$.extend()如:jQuery.extend({add:function(a,b){return a+b}}) 使用:$.add(1,3)=====>4; 给jQuery实例对象添加扩展时用$.fn.extend(); $.fn.extend({gys:function(){$(this).css("color","red")}}); 调用:$("div.guo").gys();因为参数的个数是不确...
从return new jQuery.fn.init( selector, context, rootjQuery )中可以看出参数selector和context是来自我们在调用jQuery方法时传过来的.那么selector和context都有哪些可能. 对于表格中的4~9行中的可能做具体分析. 如果selector是字符串,则首先检测是html代码还是#id.126行的if语句:以"<"开头,以">"结尾,且长度>=3.则假设额这个是HTML片段,这里只是假设不一定就是合肥的html代码.比如"<div><guofsfsdfd>";130行的else:表示不是ht...
一、JSON的一些基础知识。 JSON中对象通过“{}”来标识，一个“{}”代表一个对象，如{“AreaId”:”123”}，对象的值是键值对的形式（key：value）。 “[]”，标识数组，数组内部各个数据之间通过“，”分割，如[“AreaId”:”123”，”AreaId”:”345”]。 很多情况下是对象数组，那就是这样：代码如下:[{“AreaId”:”123”},{“AreaId”:”345”}] 其实数组也是一个对象，上面的格式也可以写成这样：代码如下:{“Area”：[{“A...
拜读一个开源框架，最想学到的就是设计的思想和实现的技巧。 废话不多说，jquery这么多年了分析都写烂了，老早以前就拜读过， 不过这几年都是做移动端，一直御用zepto, 最近抽出点时间把jquery又给扫一遍 我也不会照本宣科的翻译源码，结合自己的实际经验一起拜读吧！ github上最新是jquery-master，加入了AMD规范了，我就以官方最新2.0.3为准 整体架构 jQuery框架的核心就是从HTML文档中匹配元素并对其执行操作、 例如：代码如下:...
DOM(document object model) 其实是浏览器内元素对象的一个总称 我们用JavaScript对网页进行的所有操作都是通过DOM进行的。DOM属于浏览器，而不是JavaScript语言规范里的规定的核心内容，所以如果你下载一个JavaScript语言的参考帮助文档来查的话，就连妇孺皆知的document.write方法也找不到。 文档对象模型（Document Object Model，DOM）是一种用于HTML和XML文档的编程接口。它给文档提供了一种结构化的表示方法，可以改变文档的...
准备工作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(custo...
ie6中， $(a.btn).click(function(){ form.submit(); }) 点击失效； 分析： 微软低版本浏览器会先执行link标签的自身事件也就是href事件，这样就中断了form的submit事件，“return false;”的意思是中断link标签的的自身事件执行。 解决办法：换思路，用jquery直接处理图片、文字等的click $(a.btn).click(function(){ $(form).get(0).submit(); return false;});
可以看出parent的取值很明确，就是当前元素的父元素；parents则是当前元素的祖先元素。下面列出例子说明： 代码如下:<div id='div1'><div id='div2'><p></p></div><div id='div3' class='a'><p></p></div><div id='div4'><p></p></div></div>$('p').parent()取到的是div2,div3,div4$('p').parent('.a')取到的是div3$('p').parent().parent()取到的是div1，这点比较奇特；不过Jquery对象本身的特点决定了这是可行的。$('p').parents...
setAdminTabs.js代码中添加如下: 代码如下:$("#adminTabs li").mouseover(function(){$(this).addClass("selectedTab")}); 始终不起作用，原因如下: 代码如下:.selectedTab{background-color:White; border-bottom:1px} 定义两个属性，在admin.css的文件中存在，如下: 代码如下:#adminTabs ul li{ float:left; border: #E0E0E0 1px solid; margin-right:10px; padding:5px 10px; line-height:20px; width:80px; text-align:ce...
最近在做一个性能优化方面的工作，遇到很多细节问题，现在一一把遇到的问题记录下来分享给大家，废话就不多谢，我直接贴代码。 代码如下:<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>for与each性能比较</title> <script src="../Cks/jquery-1.7.1.min.js" type="text/javascript"></script> <script type="text/javascript" language="javascript"> function getSelectLength() { var time1 = new...
closest() 方法获得匹配选择器的第一个祖先元素，从当前元素开始沿 DOM 树向上。 语法： .closest(selector) 参数selector为字符串值，包含匹配元素的选择器表达式。 如果给定表示 DOM 元素集合的 jQuery 对象，.closest() 方法允许我们检索 DOM 树中的这些元素以及它们的祖先元素，并用匹配元素构造新的 jQuery 对象。.parents() 和 .closest() 方法类似，它们都沿 DOM 树向上遍历。两者之间的差异尽管微妙，却很重要：.closest()...
add() 将元素添加到匹配元素的集合中。这是jquery参考手册上的表述。但其提供的例子链接错误，因此没有对add()的实例说明。这里就提供几个例子，以便更好的掌握add()的用法。 例一 代码如下:<!DOCTYPE html><html><head><style>div { width:60px; height:60px; margin:10px; float:left; }p { clear:left; font-weight:bold; font-size:16px;color:blue; margin:0 10px; padding:2px; }</style><script language="JavaScript" type...
首先我们需要清楚的是jquery load方法是对jQuery.ajax()进行封装以方便我们使用的一个方法，当我们需要处理较为复杂的逻辑时候，还是需要用到jQuery.ajax()这个比较全面的方法的。 调用load方法的完整语法格式：load( url, [data], [callback] )其中:url是指要导入文件的地址。data：可选参数；因为load不仅仅可以导入静态的html文件，还可以导入动态脚本，例如PHP文件，所以要导入的是动态文件时，我们可以把要传递的参数放在这里...
问题：最近使用 jqeury 的 validationEngine 做ajax校验，当表单中的最后一个字段需要做ajax验证时，此时在字段输入完毕后点击回车提交表单时不起作用，必须再按一次/点击submit按钮。 分析：通过个跟踪其源代码，最终发现ajax验证成功后也再次submit了表单，但还是不能真正提交表单。 原因：很诡异，因为我的提交表单按钮名字是submit。改掉就好了。 代码如下:<input id="submit" type="submit" class="btn pull-left" value="登录...