初學(xué)jQuery

一、jQuery簡(jiǎn)介

--------------------------------

   jQuery是一個(gè)開(kāi)源的JavaScript項(xiàng)目，憑借簡(jiǎn)潔的語(yǔ)法和跨平臺(tái)的兼容性，極大簡(jiǎn)化了JavaScript開(kāi)發(fā)人員遍歷HTML文檔、操作DOM、處理事件、執(zhí)行動(dòng)畫(huà)和開(kāi)發(fā)Ajax的操作。

   jQuery強(qiáng)調(diào)寫(xiě)得少，做的多。jQuery獨(dú)特的選擇器、鏈?zhǔn)降腄OM操作、事件處理機(jī)制和封裝完善的Ajax都是其他JavaScript庫(kù)望塵莫及。

======================================================================================

二、jQuery配置

--------------------------------    

   jQuery官網(wǎng)：http://jquery.com/

   jQuery無(wú)需配置，只要將jQuery庫(kù)復(fù)制到公共路徑即可，在引入時(shí)寫(xiě)在其他調(diào)用它的前面。

======================================================================================

三、jQuery與其他庫(kù)沖突

--------------------------------

   “$”作為jQuery的快捷方式，在其他庫(kù)中也經(jīng)常被使用，為了避免沖突，通常在寫(xiě)js代碼的第一行，將“$”權(quán)限釋放，代碼如下：

       jQuery.noConflict();

   或另外新建其他快捷方式并釋放，代碼如下：

       var jq = jQuery.noConflict();

======================================================================================    

四、jQuery選擇器

-------------------------------

   針對(duì)class用“.”取名字，代碼如下：

       <p class="demo">jQuery Demo</p>

       <script type="javascript">

           jQuery(".demo").click(function(){

               alert("demo.click()被執(zhí)行!");

           })

       </script>

   jQuery("ID")代替document.getElementById();

   jQuery("tagName")代替document.getElementByTagName();

   jQuery獲取的永遠(yuǎn)是對(duì)象，網(wǎng)頁(yè)沒(méi)有此元素時(shí)，應(yīng)該根據(jù)元素長(zhǎng)度判斷，代碼如下：

       if(jQuery.("#demo").length > 0){

           //do something

       }

   或轉(zhuǎn)換成DOM對(duì)象來(lái)判斷，代碼如下：

       if(jQuery("#demo")[0]){

           //do something

       }

======================================================================================

五、jQuery中的DOM操作

--------------------------------

======================================================================================

六、jQuery中的事件和動(dòng)畫(huà)

--------------------------------

======================================================================================

七、jQuery對(duì)表單、表格的操作及更多

--------------------------------

======================================================================================

八、jQuery與Ajax的應(yīng)用

--------------------------------

======================================================================================

九、插件的使用與寫(xiě)法

--------------------------------

======================================================================================