创建 HTML 元素并保留引用

var newDiv = $("<div />");

newDiv.attr("id", "myNewDiv").appendTo("body");

/* Now whenever I want to append the new div I created, 
   I can just reference it from the "newDiv" variable */

检查元素是否存在

if ($("#someDiv").length)
{
    // It exists...
}

编写自己的选择器

$.extend($.expr[":"], {
    over100pixels: function (e)
    {
        return $(e).height() > 100;
    }
});

$(".box:over100pixels").click(function ()
{
    alert("The element you clicked is over 100 pixels height");
});

jQuery 的data()方法很有用，但并不为人所知。它允许您在不修改 DOM 的情况下将数据绑定到 DOM 元素。

嵌套过滤器

您可以嵌套过滤器（如nickf 所示）。

.filter(":not(:has(.selected))")

我真的不喜欢$(document).ready(fn)捷径。当然它减少了代码，但它也减少了代码的可读性。当你看到时$(document).ready(...)，你知道你在看什么。$(...)以太多其他方式使用，无法立即变得有意义。

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

var $j = jQuery.noConflict();

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

如果您有多个可以归结为$x(...)样式调用的框架，则非常有用。

哦哦，别忘了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>