摘要：
预加载图片 通常使用JavaScript来预加载图片是个相当不错的方法://定义预加载图片列表的函数(有参数) jQuery.preloadImages = function(){ //遍历图片 for(var i = 0; i<arguments.length; i++){ jQuery("<img>").attr("src", arguments[i]); }}// 你可以这样使用预加载函数$.preloadImages("images/logo.png", "images/logo-face.png& 阅读全文
摘要：
将你的代码测试完好 jQuery有一个名为QUnit单元测试框架。编写测试很容易，它能让您可以放心地修改您的代码，并确保它仍然按预期工作。下面是如何工作的：//将测试分成若干模块.module("Module B"); test("some other test", function() { //指定多少个判断语句需要加入测试中. expect(2); equals( true, false, "failing test" ); equals( true, true, "passing test" );}); 阅读全文
摘要：
jQuery允许我们在css选择器的基础上定义自定义选择器来让我们的代码更简洁:$.expr[':'].mycustomselector= function(element, index, meta, stack){ // element- DOM元素 // index - 堆栈中当前遍历的索引值 // meta - 关于你的选择器的数据元 // stack - 用于遍历所有元素的堆栈 // 包含当前元素则返回true // 不包含当前元素则返回false}; // 自定义选择器的应用:$('.someClasses:test').doSomething(); 阅读全文
摘要：
绑定jQuery函数到$(window).load事件 大多数jQuery实例或教程都告诉我们绑定我们的jQuery代码到$(document).ready事件。虽然$(document).ready事件在大多数情况下都OK，但是它的解析顺序是在文档准备就绪，单文档中的图片等对象正在下载的时候开始运行的。所以在某些时候使用$(document).ready事件并不一定能达到我们预期的效果，比如一些视觉效果和动画、拖拽、预读取隐藏图片等…通过使用$(window).load事件便可以安全的在整个文档都准备就绪之后再开始运行你期望的代码。$(window).load(function(){ // 阅读全文
摘要：
存储数据 使用data方法可以避免在DOM中存储数据，有些前端开发er喜欢使用HTML的属性来存储数据：$('selector').attr('alt', 'data being stored');//之后可以这样读取数据:$('selector').attr('alt'); 使用”alt”属性来作为参数名存储数据其实对于HTML来说是不符合语义的，我们可以使用jQuery的data方法来为页面中的某个元素存储数据$('selector').data('参数名','要存储的数 阅读全文
摘要：
1.迭代jQuery.each( object, callback )返回值:Object说明:通用例遍方法，可用于例遍对象和数组。不同于例遍 jQuery 对象的 $().each() 方法，此方法可用于例遍任何对象。回调函数拥有两个参数：第一个为对象的成员或数组的索引，第二个为对应变量或内容。如果需要退出 each 循环可使回调函数返回 false，其它返回值将被忽略。对于数组我们可以使用jQuery.each( object, callback )来遍历, 这等同于使用for循环.注意传入的第一个参数可以是数组或者对象.如果数组,则遍历数组中的每一个对象.第一个参数表示索引,第二个参数表 阅读全文