1.当document文档就绪时执行JavaScript代码。

　　我们为什么使用jQuery库呢？原因之一就在于我们可以使jQuery代码在各种不同的浏览器和存在bug的浏览器上完美运行。

<script src=></script> <script> // Different ways to achieve the Document Ready event // With jQuery $(document).ready(function(){ }); // Short jQuery $(function(){ }); // Without jQuery (doesn't work in older IE versions) document.addEventListener(,function(){ // Your code goes here }); // The Trickshot (works everywhere): r(function(){ alert(); }) function r(f){/+f+,9):f()} </script>

2.使用route。

<script src=></script> <script> var route = { _routes : {}, // The routes will be stored here add : function(url, action){ this._routes[url] = action; }, run : function(){ jQuery.each(this._routes, function(pattern){ if(location.href.match(pattern)){ (); } }); } } // Will execute only on this page: route.add(, function(){ alert() }); route.add(, function(){ alert() }); // You can even use regex-es: route.add(, function(){ alert() }); route.run(); </script>

3.使用JavaScript中的AND技巧。

　　使用&&操作符的特点是如果操作符左边的表达式是false，那么它就不会再判断操作符右边的表达式了。所以：

($().length){ // do something } // You can write this: $().length && log();

4. is()方法比你想象的更为强大。

下面举几个例子，我们先写一个id为elem的div。js代码如下：

elem = $(); // Is this a div? elem.) && log(); // Does it have the bigbox class? elem.) && log(); // Is it visible? (we are hiding it in this example) elem.) && log(); // Animating elem.animate({:200},1); // is it animated? elem.) && log();

其中判断是否为动画我觉得非常不错。

5.判断你的网页一共有多少元素。

 通过使用$("*").length属性可以判断网页的元素数量。

// How many elements does your page have? log(+ $().length + );

6.使用length()属性很笨重，下面我们使用exist()方法。

/ Old way log($().length == : ); // Trickshot: jQuery.fn.exists = function(){ return this.length > 0; } log($().exists() ? : );

7.jQuery方法$()实际上是拥有两个参数的，你知道第二个参数的作用吗？

// Select an element. The second argument is context to limit the search // You can use a selector, jQuery object or dom element $(,).each(function(){ log($(this).html()); }); log(); // Create an element. The second argument is an div = $(,{ : , : { : }, : 20, : 20, : { : 200, :50 } }); div.appendTo();

8.使用jQuery我们可以判断一个链接是否是外部的，并来添加一个icon在非外部链接中，且确定打开方式。

　　这里用到了hostname属性。

<ul id=> <li><a href=>The previous tip</a></li> <li><a href=>The next tip</a></li> <li><a href=>Google</a></li> </ul> // Loop through all the links $().each(function(){ if(this.hostname != location.hostname){ // The link is external $() .attr(,); } });

9.jQuery中的end()方法可以使你的jQuery链更加高效。

breakfast = $(); breakfast.find().text() .end() // back to breakfast .find().text() .end() .find().toggleClass().text(); breakfast.find().each(function(){ log(+ this.textContent) });

10.也许你希望你的web 应用感觉更像原生的，那么你可以阻止contextmenu默认事件。