了解jQuery技巧來提高你的代碼
[1] 了解jQuery技巧來提高你的代碼
[2] 了解jQuery技巧來提高你的代碼
[3] 了解jQuery技巧來提高你的代碼
[4] 了解jQuery技巧來提高你的代碼
[5] 了解jQuery技巧來提高你的代碼
[2] 了解jQuery技巧來提高你的代碼
[3] 了解jQuery技巧來提高你的代碼
[4] 了解jQuery技巧來提高你的代碼
[5] 了解jQuery技巧來提高你的代碼
jQuery之所以如此流行并被從大公司到個人博客的幾乎每個人都廣泛使用，是因為它上手和使用相當簡單，而且為我們提供了一些人都不知道的相當棒的特性。我認為jQuery的大多數用戶更趨向于使用jQuery插件來解決面臨的難題，這通常是明智的選擇。但是當插件相對于你的需求有一定缺陷的時候，你也許更應該想辦法自己來解決，下面來看看這些實用的jQuery技巧，他們肯定會能夠派上用場的！
1.測試并提升你的jQuery選擇器水平
這個jQuery選擇器實驗室非常酷，它能在線免費使用，當然你也能下來到本地離線使用。這個測試頁面包含復雜的HTML組合字段，然后你能嘗試預定義使用各種jQuery選擇器。如果這還不夠你也可以自定義選擇器。
2.測試jQuery包裝集是否包含某些元素
如果你想測試一下某個jQuery包裝集中是否包含某些元素，你首先可以嘗試使用驗證首個元素是否存在：
if($(selector)[0]){}
// 或者這樣
if($(selector).length){}
// 或者這樣
if($(selector).length){}
來看看這個例子：
//例子.如果你的頁面有以下html代碼
<ul id="shopping_cart_items">
<li><input class="in_stock" name="item" type="radio" value="Item-X" />Item X</li>
<li><input class="unknown" name="item" type="radio" value="Item-Y" />Item Y</li>
<li><input class="in_stock" name="item" type="radio" value="Item-Z" />Item Z</li>
</ul>
<pre escaped="true" lang="javascript">
//這個if條件將返回true，因為我們有兩個
// input域匹配了選擇器，所以<statement>代碼將會執行
if($('#shopping_cart_items input.in_stock')[0]){<statement>}
<ul id="shopping_cart_items">
<li><input class="in_stock" name="item" type="radio" value="Item-X" />Item X</li>
<li><input class="unknown" name="item" type="radio" value="Item-Y" />Item Y</li>
<li><input class="in_stock" name="item" type="radio" value="Item-Z" />Item Z</li>
</ul>
<pre escaped="true" lang="javascript">
//這個if條件將返回true，因為我們有兩個
// input域匹配了選擇器，所以<statement>代碼將會執行
if($('#shopping_cart_items input.in_stock')[0]){<statement>}
3.從jquery.org讀取jQuery最新版本
你可以使用這句代碼讀取jQuery的最新版本的代碼文件。
<script src="http://code.jquery.com/jquery-latest.js"></script>
你可以使用這個方法來調用最近版本的jQuery框架，當然，你還可以使用下面這個代碼從ajax.googleapis.com調用同樣的最新版本jQuery：
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"
type="text/javascript"></script>
type="text/javascript"></script>
全站熱搜
留言列表
