李炎恢jquery基礎影片資料分享

jQuery是一個快速、簡潔的JavaScript框架，是繼Prototype之後又一個優秀的JavaScript程式庫（或JavaScript框架）。 jQuery設計的宗旨是“write Less，Do More”，即倡導寫更少的程式碼，做更多的事情。它封裝JavaScript常用的功能程式碼，提供簡單的JavaScript設計模式，優化HTML文件操作、事件處理、動畫設計和Ajax互動。

影片播放位址：http://www.php.cn/course/384.html

jQuery學習重難點：

一、選擇網頁元素

　　jQuery的基本設計和主要用法，就是"選擇某個網頁元素，然後對其進行某種操作"。這是它區別於其他函數庫的根本特徵。
　　使用jQuery的第一步，往往就是將一個選擇表達式，放進建構子jQuery()（簡寫為$），然後得到被選取的元素。

選擇表達式可以是CSS選擇器：

 $(document)//選擇整個文件物件  
 $('#myId')//選擇ID為myId的網頁元素
 $('div.myClass')//選擇class為myClass的div元素  
 $('input[name=first]')//選擇name屬性等於first的input元素 

#也可以是jQuery特有的表達式：

 $('a:first')//選擇網頁中第一個a元素  
 $('tr:odd')//選擇表格的奇數行  
 $('#myForm :input')//選擇表單中的input元素  
 $('div:visible') //選擇可見的div元素  
 $('div:gt(2 )')//選擇所有的div元素，除了前三個  
 $('div:animated')//選擇目前處於動畫狀態的div元素  
　　
 二、改變結果集
如果選取多個元素，jQuery提供篩選器，可以縮小結果集：

* $('div').has('p'); //選擇包含p元素的div元素  
* $('div').not('.myClass'); //選擇class不等於myClass的div元素  
* $('div').filter('.myClass'); //選擇class等於myClass的div元素  
* $('div').first(); //選擇第1個div元素  
* $('div').eq(5); //選擇第6個div元素
有時候，我們需要從結果集出發，移動到附近的相關元素，jQuery也提供了在DOM樹上的移動方法：

 $('div').next('p' ); //選擇div元素後面的第一個p元素  
 $('div').parent(); //選擇div元素的父親元素  
 $('div').closest('form '); //選擇離div最近的那個form父元素  
 $('div').children(); //選擇div的所有子元素  
 $('div').siblings(); //選擇div的同級元素 

#

以上是李炎恢jquery基礎影片資料分享的詳細內容。更多資訊請關注PHP中文網其他相關文章！