學習jQuery已經有1年多的時間了,但是一直由于做WinForm程序開發沒有經常實踐。現在又開始重拾WebForm開發。寫幾篇jQuery系列,溫習下jQuery框架的知識。
專注于為中小企業提供網站設計、做網站服務,電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業石峰免費做網站提供優質的服務。我們立足成都,凝聚了一批互聯網行業人才,有力地推動了成百上千家企業的穩健成長,幫助中小企業通過網站建設實現規模擴充和轉變。在jQuery出世以來,它取得很大的成就和認同。JQuery是一個輕量級的JavaScript框架,它的發布版很小僅16K左右。它能讓你方便簡潔的寫出漂亮的動畫效果、實現各種視覺效果,輕松的處理JavaScript的DOM數以及Ajax的交互行為。它的優點在于輕量級、簡單易學、易擴展、跨瀏覽器和網上擁有大量的jQuery插件使用。由于它這一大堆的優點,它已經被微軟官方認可加入VS IDE中擁有強大的智能提示,并據官方的統計現在至少有20%的國際性大網站已經加入jQuery作為其腳本。
1:首先是JavaScript的DOM 和 jQuery包裝集的區分
1.1:在JavaScript中我們訪問的方式是操作DOM結構,提供的可用方法有:
1: document.getElementById("ID"):根據ID獲取DOM對象。
2:document.getElementsByName("name"):根據HTML標記name屬性獲取一個DOM數組。
3:document.getElementsByTagName("Tag"):根據HTML的Tag獲取一個DOM數組。
1.2:jQuery相對DOM則提供了許多可用的方法和屬性。
jQuery簡單的獲取對象有$(“#id”) ,$(“.class”),$(“tag”)方式,它的書寫方式和css3.0相似 id用#,class(css)用.,HTMl Tag則直接書寫。關于jquery的選擇器在下面講述,這里不急。
1.3:JavaScript的DOM對象轉可以化為jQuery包裝集:通過$(element)赴會就為jQuery包裝集。
2:jQuery最強大的就是提供了一個萬能的屬性選擇器。
2.1基本選擇器