jQuery技巧和技巧

语法

公鸡酸是“准备事件”的简称鸡酮酸的断行性和链性嵌套过滤器由Nathan Long 缓存一个集合并通过roosteronacid在同一行上执行命令包含选择器roosteronacid 定义元素创建时的属性访问jQuery函数就像访问roosteronacid数组一样 noConflict函数- Oli释放$变量通过nickf隔离noConflict模式下的$变量无冲突模式由鸡酮酸

数据存储

数据函数-通过TenebrousX将数据绑定到元素 HTML5数据属性支持，在类固醇!由roosteronacid Filip dupanovic设计的jQuery元数据插件

优化

用鸡酮酸优化复合选择剂的性能 lupefiasco的上下文参数 Nathan Long的保存和重用搜索创建HTML元素并保持引用，检查元素是否存在，编写自己的选择器

杂项

Check the index of an element in a collection by redsquare Live event handlers by TM Replace anonymous functions with named functions by ken Microsoft AJAX framework and jQuery bridge by Slace jQuery tutorials by egyamado Remove elements from a collection and preserve chainability by roosteronacid Declare $this at the beginning of anonymous functions by Ben FireBug lite, Hotbox plug-in, tell when an image has been loaded and Google CDN by Colour Blend Judicious use of third-party jQuery scripts by harriyott The each function by Jan Zich Form Extensions plug-in by Chris S Asynchronous each function by OneNerd The jQuery template plug-in: implementing complex logic using render-functions by roosteronacid

当前回答

缓存一个对象集合，并在一行中执行命令:

而不是:

var jQueryCollection = $("");

jQueryCollection.command().command();

我做的事:

var jQueryCollection = $("").command().command();

一个有点“真实”的用例可能是这样的:

var cache = $("#container div.usehovereffect").mouseover(function ()
{
    cache.removeClass("hover").filter(this).addClass("hover");
});

2009-02-16 10:08:42

其他回答

无耻的宣传……jQuery模板插件:使用渲染函数实现复杂的逻辑

The new jQuery template plug-in is awesome. That being said, the double-curly brace template-tags are not exactly my cup of tea. In a more complex template the tags obscure the templates markup, and implementing logic past simple if/else statements is a pain. After messing around with the plug-in for a few hours, my head began to hurt from trying to distinguish the markup in my template from the millions of double curly braces. So I popped an aspirin and began work on an alternative

2011-02-10 20:41:45

我真的不喜欢$(document).ready(fn)快捷方式。当然，这减少了代码，但也降低了代码的可读性。当你看到$(document).ready(…)时，你知道你在看什么。$(…)被用于太多其他的方式，以至于没有立即的意义。

如果你有多个框架，你可以使用jQuery.noConflict();如你所说，但你也可以为它分配一个不同的变量，像这样:

var $j = jQuery.noConflict();

$j("#myDiv").hide();

如果你有几个框架可以归结为$x(…)风格的调用，这是非常有用的。

2008-10-08 13:11:42

哦，不要忘了jQuery元数据!data()函数很棒，但它必须通过jQuery调用来填充。

而不是打破W3C的自定义元素属性，如:

<input 
  name="email" 
  validation="required" 
  validate="email" 
  minLength="7" 
  maxLength="30"/>

使用元数据:

<input 
  name="email" 
  class="validation {validate: email, minLength: 2, maxLength: 50}" />

<script>
    jQuery('*[class=validation]').each(function () {
        var metadata = $(this).metadata();
        // etc.
    });
</script>

2009-02-02 20:35:41

无用的模式