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

而不是使用不同的别名为jQuery对象(当使用noConflict)，我总是写我的jQuery代码包装在一个闭包。这可以在文档中完成。现成的函数:

var $ = someOtherFunction(); // from a different library

jQuery(function($) {
    if ($ instanceOf jQuery) {
        alert("$ is the jQuery object!");
    }
});

或者你可以这样做:

(function($) {
    $('...').etc()    // whatever jQuery code you want
})(jQuery);

我觉得这个最方便携带。我一直在一个同时使用Prototype和jQuery的网站上工作，这些技术避免了所有的冲突。

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

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

var $j = jQuery.noConflict();

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

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

HTML5数据属性支持，在类固醇!

数据函数之前已经提到过。有了它，您就可以将数据与DOM元素关联起来。

最近，jQuery团队增加了对HTML5自定义data-*属性的支持。似乎这还不够;他们用类固醇强制输入数据函数，这意味着你可以直接在标记中以JSON的形式存储复杂的对象。

HTML:

<p data-xyz = '{"str": "hi there", "int": 2, "obj": { "arr": [1, 2, 3] } }' />

JavaScript:

var data = $("p").data("xyz");

data.str // "hi there"
typeof data.str // "string"

data.int + 2 // 4
typeof data.int // "number"

data.obj.arr.join(" + ") + " = 6" // "1 + 2 + 3 = 6"
typeof data.obj.arr // "object" ... Gobbles! Errrghh!

无用的模式

jQuery.noConflict();

运行此函数将$变量的控制权交还给第一个实现它的库。这有助于确保jQuery不会与其他库的$ object冲突。 通过使用这个函数，你将只能通过jQuery变量访问jQuery。例如，你过去做$("div p")，你现在必须做jQuery("div p")"。

更新:

只要在站点上包含这个脚本，您就会得到一个Firebug控制台，可以在任何浏览器中进行调试。虽然功能不全，但还是很有用的!吃完之后记得把它拿掉。

<script type='text/javascript' src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'></script>

看看这个链接:

来自CSS技巧

更新: 我发现了一些新的东西;它是JQuery Hotbox。

JQuery轴承箱

谷歌在谷歌Code上托管了几个JavaScript库。从那里加载它可以节省带宽，而且加载速度很快，因为它已经被缓存了。

<script src="http://www.google.com/jsapi"></script>  
<script type="text/javascript">  

    // Load jQuery  
    google.load("jquery", "1.2.6");  

    google.setOnLoadCallback(function() {  
        // Your code goes here.  
    });  

</script>

Or

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script>

你也可以用它来判断图像何时完全加载。

$('#myImage').attr('src', 'image.jpg').load(function() {  
    alert('Image Loaded');  
});

firebug的"console.info"，您可以使用它将消息和变量转储到屏幕上，而不必使用警告框。”控制台。Time”允许你轻松地设置一个计时器来包装一堆代码，并查看它需要多长时间。

console.time('create list');

for (i = 0; i < 1000; i++) {
    var myList = $('.myList');
    myList.append('This is list item ' + i);
}

console.timeEnd('create list');