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中文網其他相關文章!