DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> AJAX入門 >> AJAX詳解 >> jQuery教程:14個實用的jQuery技巧
jQuery教程:14個實用的jQuery技巧
編輯:AJAX詳解     

jQuery之所以如此流行並被從大公司到個人博客的幾乎每個人都廣泛使用,是因為它上手和使用相當簡單,而且為我們提供了一些人都不知道的相當棒的特性。我認為jQuery的大多數用戶更趨向於使用jQuery插件來解決面臨的難題,這通常是明智的選擇。但是當插件相對於你的需求有一定缺陷的時候,你也許更應該想辦法自己來解決,下面來看看這些實用的jQuery技巧,他們肯定會能夠派上用場的!

1.測試並提升你的jQuery選擇器水平

這個 jQuery選擇器實驗室 非常酷,它能在線免費使用,當然你也能下來到本地離線使用。這個測試頁面包含復雜的Html組合字段,然後你能嘗試預定義使用各種jQuery選擇器。如果這還不夠你也可以自定義選擇器。

2.測試jQuery包裝集是否包含某些元素

如果你想測試一下某個jQuery包裝集中是否包含某些元素,你首先可以嘗試使用驗證首個元素是否存在:

 if($(selector)[0]){...}
// 或者這樣
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>}

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>

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved