摘要：在网上搜索关键字 “javascript object clone”，可以找到很多实现克隆 Object 的代码，可是据我测试，让人满意的几乎没有。今天发现 jQuery 的作者 John Resig 给别人的答复，尝试了一下确实很好用。方法如下：// 浅层复制（只复制顶层的非 object 元素）var newObject = jQuery.extend({}, oldObject);// 深层复制（一层一层往下复制直到最底层）var newObject = jQuery.extend(true, {}, oldObject);测试如下：var obj1 = { 'a': & 阅读全文

摘要：jQuery中的.height()、.innerHeight()和.outerHeight()和W3C的盒模型相关的几个获取元素尺寸的方法。对应的宽度获取方法分别为.width()、.innerWidth()和.outerWidth()，在此不详述。1. .height()获取匹配元素集合中的第一个元素的当前计算高度值 或 设置每一个匹配元素的高度值（带一个参数）。注意：1）.css('height')和.height()之间的区别是后者返回一个没有单位的数值（例如，400），前者是返回带有完整单位的字符串（例如，400px）。2）.height()总是返回内容宽度,不管CSS 阅读全文

摘要：对于attr()方法应该都比较熟悉，但是在jQuery1.6版本及之后，引入了一个新的方法prop()，实现的功能又很相似，这就带来了不少困惑。在英文中，attribute和property一般都作为“属性”来翻译，硬是将其拆分成两个概念来理解，确实有点不好接受。这里，为区分起见，我将attribute译为“属性”，property译为“特性”（可能您觉得翻过来更合适，不纠结这个问题了。当然，如果您有更好的译法，还请补充）。1. 为什么要引入prop()方法？jQuery作者John Resig在其博客中关于这个问题有比较详尽的解释。简单的说，有两个原因：1）为了更方便的访问DOM的特性（pr 阅读全文

摘要：DOM树 首先，可视化一个HMTL文档的DOM树是很有帮助的。一个简单的HTML页面看起来就像是这个样子： 事件冒泡(又称事件传播) 当我们点击一个链接时，其触发了链接元素的单击事件，该事件则引发任何我们已绑定到该元素的单击事件上的函数的执行。 $('a').bind('click',function() { alert("That tickles!") }); 因此一个单击操作会触发alert函数的执行。 click事件接着会向树的根方向传播，广播到父元素，然后接着是每个祖先元素，只要是它的某个后代元素上的单击事件被触发，事件就会传给它。 阅读全文

摘要：jQuery.proxy(),接受一个函数，然后返回一个新函数，并且这个新函数始终保持了特定的上下文(context)语境。jQuery.proxy( function, context )function将要改变上下文语境的函数。context函数的上下文语境(`this`)会被设置成这个 object 对象。jQuery.proxy( context, name )context函数的上下文语境会被设置成这个 object 对象。name将要改变上下文语境的函数名(这个函数必须是前一个参数 ‘context’ 对象的属性)这个方法通常在向一个元素上附加事件处理函数时，上下文语境实际是指向另 阅读全文

摘要：$.fn.isOnScreen = function(){ var win = $(window); var viewport = { top : win.scrollTop(), left : win.scrollLeft() }; viewport.right = viewport.left + win.width(); viewport.bottom = viewport.top + win.height(); var bounds = this.offset(); bounds.righ... 阅读全文

摘要：这篇文章是jQuery各种show/hide方式的性能测试。作者之所以测试这个源于Robert Duffy在San Francisco举行的jQuery大会上的一句话：“.hide()和.show()的执行速度会比直接改变css慢”。但由于未能找Robert Duffy问明原因，所以作者就自己去做了这个测试。下面的翻译并不是全文翻译，只节选了一些重点。用作测试的是一个含有100个div的HTML页面，div带有class和一些内容。为了排除掉寻找这些div所花费的时间，所以把选择器$('div')缓存起来了。用作测试的jQuery版本是1.4.2，所以测试结果也只是针对这个版本 阅读全文

摘要：需要注意的是，html文本中的<>字符需要特别处理，示例如下：function admin_data(){$result_data['name'] ="NAME";$result_data['content'] = $this->load->view('cont/game/game_search_v.php', $data, true);$json=json_encode($result_data);$myjson=strtr($json, array('<'=>'\ 阅读全文

摘要：1. invalid label错误分为两种情况同域情况跨域情况同域情况：使用eval将返回回来的json翻译成responsevar json = eval('(' + myjson + ')');跨域情况下：第一需要：url带有callback=?第二还需要，在输出的时候把callback值输出 $dal = $_GET[‘callback’];echo $dal.'('.json_encode($retData1).')';注意：$dal 和json数组链接的时候，json数组需要括号包含2.输出带有html标签的json数 阅读全文

摘要：cssninjas是一个商业网站，本身就是做网页设计的，因此站点本身也设计的想当不错。使用到的jQuery插件有： * jQuery UI 1.6RC2 [Slider + Datepicker]* sIFR v2.0.7看代码：Code From cssninjas.comCode highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->1/**//*2*Scripts3*4*/5varEngine={6//externallinks7externalLin 阅读全文