jQuery 做好七件事帮你提升jQuery的性能
摘要:1. Append Outside of Loops凡是触及到DOM都是有代价的。如果你向DOM当中附加大量的元素,你会想一次性将它们全部附加进来,而不是分多次进行。当在循环当中附加元素就会产生一个常见的问题。1 $.each( myArray, function( i, item ) {2 3 var newListItem = "" + item + "";4 5 $( "#ballers" ).append( newListItem );6 7 });一个常用的技巧是利用文档片段(document fragment)。在循环的每
阅读全文
jQuery 如何创建基本插件(翻译)
摘要:有时候,你希望有一块功能在整个代码当中都可以使用。例如,你可能想要有一个单一的方法可以在jQuery选择器上进行调用,用于处理该选择器上的一系列操作。又或许你编写了一个十分有用的工具函数,并希望能够简单的迁移到其它的项目当中。在这种情况下,你也许想要编写一个插件。jQuery工作原理101:jQuery对象方法和工具方法在我们编写插件前,首先需要对jQuery的工作原理有一些了解。看一下这段代码:1 $( "a" ).css( "color", "red" );这是一段相当基础的jQuery代码,但你知道在幕后都发生了什么吗?每当你使
阅读全文
jQuery 使用 jQuery UI 部件工厂编写带状态的插件(翻译)
摘要:首先,我们要创建一个progress bar,它只允许我们简单的设置进度值。正如我们接下来将要看到的,我们需要通过调用 jQuery.widget 及其两个参数来实现这一操作,这两个参数分别是:将要创建的插件的名称,以及一个包含该插件所支持方法的对象字面量(object literal)。当我们的插件被调用时,它将创建一个新的插件实例,并且包含在该实例上下文(context)中的方法都会被执行。这与标准的jQuery插件有两个主要的区别。首先,上下文 (context)是一个对象,而不是DOM元素。其次,上下文(context)始终都是一个单独的对象,而不是集合。使用 jQuery UI 部件
阅读全文
JavaScript 禁用键盘按钮
摘要:代码写多了,有些使用过的方法和技巧会一时半会想不起来,平日记录下来,方便自己和有需要的人日后查阅。1 $(document).keydown(function () {2 if (window.event.keyCode == 123 || // F12键3 window.event.keyCode == 116 || // F5键4 window.event.keyCode == 114 || // F3键5 window.event.keyCode == 112) { // F1键6 window.event.keyC...
阅读全文
jQuery 分割按钮(Split Button)
摘要:代码写多了,有些使用过的方法和技巧会一时半会想不起来,平日记录下来,方便自己和有需要的人日后查阅。 选项-1 ▼ 选项-1 选项-2
阅读全文