先來跟大家說說什麼是JQ , JQ是java script Jquery版本庫的縮寫. jQuery是一套跨瀏覽器的JavaScript庫,簡化HTML與JavaScript之間的操作。由John Resig在2006年1月的BarCamp NYC上發佈第一個版本。目前是由 Dave Methvin ...
先來跟大家說說什麼是JQ , JQ是java script Jquery版本庫的縮寫.
jQuery是一套跨瀏覽器的JavaScript庫,簡化HTML與JavaScript之間的操作。由John Resig在2006年1月的BarCamp NYC上發佈第一個版本。目前是由 Dave Methvin 領導的開發團隊進行開發。全球前10000個訪問最高的網站中,有59%使用了jQuery,是目前最受歡迎的JavaScript庫。
jQuery由美國人John Resig創建,至今已吸引了來自世界各地的眾多javascript高手加入其team,包括來自德國的Jörn Zaefferer,羅馬尼亞的Stefan Petre等等。jQuery是繼prototype之後又一個優秀的Javascrīpt框架。其宗旨是——WRITE LESS,DO MORE,寫更少的代碼,做更多的事情。
由於目前高校基本尚未開JavaScript的相關課程,目前jQuery的學習,使用,研究都僅限於在職Web程式員之間。
用jq的前提,首先要引用一個有jq的文件
在head標簽內加入這個 <script src="JS/jquery-1.3.2.min.js" type="text/javascript"></script>
jQuery有哪些特點呢?
- 動態特效
- AJAX
- 通過插件來擴展
- 方便的工具 - 例如瀏覽器版本判斷
- 漸進增強
- 鏈式調用
- 多瀏覽器支持,支持Internet Explorer6.0+、Opera9.0+、Firefox2+、Safari2.0+、Chrome1.0+(在2.0.0中取消了對Internet Explorer6,7,8的支持)。
jQuery選擇器,在這裡我就不多說了,百度上面有很多,我這裡列舉幾個你們看看——
jQuery 使用sizzle引擎,支持css選取,Xpath選取等方式。
$("p") 選取全部 <p> 元素。
$("p.intro") 選取所有包含class為"intro"的 <p> 元素。
$("#demo") 選取 id為"demo" 的元素。
$("[href]") 選取所有帶有 href 屬性的元素。
$("[href='#']") 選取所有帶有 href 值等於 "#" 的元素。
$("[href!='#']") 選取所有帶有 href 值不等於 "#" 的元素。
$("[href$='.jpg']") 選取所有 href 值以 ".jpg" 結尾的元素。
$("[href^='/imgaes/']") 選取所有 href 值以 /imgaes/" 開頭的元素。
jQuery還有很多功能和特點在這裡我就不一一介紹了,總之對於新手來說jQuery還是比較容易上手的,推薦新手可以看看瞭解一下,祝你們早日成為大牛!