");}containerDiv.html(myContent.join(""));3.缓存jQuery最重要和最显着的特点是它的选择器和在DOM树中查找HTML元素的方式。但是，我多次看到一些开发人员在同一个函数中多次调用同一个选择器，比如$("#divid")。尽管jQuery选择元素的速度非常快，但不要试图每次都找到相同的元素。因此，您可以像这样缓存您的元素：var$divId=$("#divId")然后在下面的代码中，您可以使用$divId。对于以下代码：varthefunction=function(){$("#mydiv").ToggleClass("zclass");$("#mydiv").fadeOut(800);}varthefunction2=function(){$("#mydiv").addAttr("name");$("#mydiv").fadeIn(400);}我们可以这样修改，使用链式语法让它看起来更漂亮：varmydiv=$("#mydiv");varthefunction=function(){mydiv.ToggleClass("zclass").fadeOut(800);}varthefunction2=function(){mydiv.addAttr("name").fadeIn(400);}但话又说回来，您不必每次都缓存所有内容。看下面的例子：$("#link").click(function(){$(this).addClass("gored");}这里，我既没有使用$("#link")，也没有把它缓存起来，而是使用$(this)。因为在这个例子中，我操作的对象是链接本身。4.查找和过滤最近，在使用find()获取jQuery对象的组合时，我产生了一些困惑。然后我发现这个操作可以用filter()方法代替，理解两者的区别很重要：find：会从选中的元素开始，向下搜索DOM树filter：在jQuery集合5中搜索,end()在jQuery集合中进行链式操作时，有时需要返回父对象进行一些操作，比如你正在对表格的第二行应用CSS，然后又想返回到Table对象，给它添加一些样式，给行应用样式后，只要使用end()方法，就会自动返回到table对象，然后添加风格随意！（译者注：find(),filter()和end()在原文中是大写的，但应该是小写的）6.对象字面量当你使用链式语法来操作元素的CSS属性时，你可以使用对象字面量来提高性能。例如这段代码：$("#myimg").attr("src","thepath").attr("alt","alttext");变成如下，既避免了对DOM元素的操作，也无需多次调用相关设置方法：$("#myimg").attr({"src":"thepath","alt":“替代文本”});7、尽可能利用好CSS类CSS类，而不是编写内联CSS代码。我想这一点不需要例子。***我希望本文能帮助您编写更好的jQuery应用程序。翻译链接：http://www.codeceo.com/article/7-jquery-best-practices.html英文原文：7JQueryBestPractices