怎樣學習jQuery

這是一篇關於怎樣學習jQuery的文章，主要介紹了學習jQuery的一些基礎知識，下面我們就與大家一起分享。

Jquery是繼prototype之後又一個優秀的Javascrīpt框架。使用上jquery之後，馬上被她的優雅吸引住了。有人使用這樣的一比喻來比較prototype和jquery：prototype就像Java，而jquery就像ruby。jquery的簡單的實用的確有相當大的吸引力啊!

使用環境與編寫工具

如何引入JQuery

在head標簽內加入這個

　　這是引用代碼

讓Dreamweaver支持提示代碼功能

要讓Dreamweaver支持jQuery自動提示代碼功能，方法很簡單，下載一個插件—jQuery_API.mxp,以及cs4的jQuery語法提示插件。

在Dreamweaver裡依次選擇“命令” -> “擴展管理” -> “安裝擴展” -> …，就會自動安裝了。 　　成功後重啟Dreamweaver，就大功告成了。

jQuery常用方法，語言特點

獲取jQuery集合的某一項

對於獲取的元素集合，獲取其中的某一項(通過索引指定)可以使用eq或get(n)方法或者索引號獲取，要注意，eq返回的是jquery對象，而get(n)和索引返回的是dom元素對象。對於jquery對象只能使用jquery的方法，而dom對象只能使用dom的方法，如要獲取第三個

元素的內容。有如下兩種方法：

 $("div").eq(2).html(); //調用jquery對象的方法

$("div").get(2).innerHTML; //調用dom的方法屬性

集合處理功能

對於jquery返回的集合內容無需我們自己循環遍歷並對每個對象分別做處理，jquery已經為我們提供的很方便的方法進行集合的處理。

包括兩種形式：

$("p").each(function(i){this.style.color=['#f00','#0f0','#00f'][ i ]})

//為索引分別為0，1，2的p元素分別設定不同的字體顏色。

支持方法的連寫

所謂連寫，即可以對一個jquery對象連續調用各種不同的方法。連寫代碼風格估計是jQuery最有特色之一了。

例如：

$("p").click(function(){alert($(this).html())})

.mouseover(function(){alert('mouse over event')})

.each(function(i){this.style.color=['#f00','#0f0','#00f'][ i ]});

操作元素的樣式

主要包括以下幾種方式：

$("#msg").css("background"); //返回元素的背景顏色

$("#msg").css("background","#ccc") //設定元素背景為灰色

END

學習jQuery該注意哪些

學習jQuery，要自己寫代碼，深入到開發中鍛煉，理論結合實際，才會提升價值，不斷的去實踐，不斷在實際代碼中找出他們的規律，發現他們的原理，以及他們之間相互的關系，才能提升jQuery，才能理解jQuery的精髓。

以上就是我們為大家准備的學習jQuery的相關內容，希望對大家可以有所幫助。