JQuery是一個優秀的輕量級Javascript庫，兼容CSS3，還兼容各種瀏覽器，在Web前端開發中廣泛使用。在現在就業的過程中，會運用 JQuery會成為你的加分項。
JQuery語法
JQuery語法是為HTML元素的選取編制的，可以對元素執行某些操作。
基礎語法是：
$(selector).action()1復制代碼類型：[html] 美元符號\$定義 JQuery。
選擇符（selector）“查詢”和“查找”HTML元素。
JQuery的action()執行對元素的操作。
另外需要注意的是：在 JQuery庫中\$符號就是 JQuery的一個簡寫形式，例如$("#syl")和 JQuery("#syl")是等價的，$.ajax和 JQuery.ajax是等價的，如果沒有特別說明，程序中的$符號都是 JQuery的一個簡寫形式。
文檔就緒函數
所有 JQuery函數位于一個documentready函數中：
$(document).ready(function(){});// 可以簡寫成$(funciton(){});12345復制代碼類型：[html] 這是為了防止文檔在完全加載（就緒）之前運行 JQuery代碼。如果在文檔沒有完全加載之前就運行函數，操作可能失敗。下面是兩個具體的例子：
試圖隱藏一個不存在的元素。
獲得未完全加載的圖像的大小。
上面的這段代碼其實有點類似于傳統JavaScript中的window.onload方法，不過它們還是有一些區別的，簡單對比如下所示：
執行時機必須等待網頁中所有的內容加載完畢后才能執行（包括圖片）網頁中所有 DOM 結構繪制完畢后就執行，可能 DOM 元素關聯的東西并沒有加載完
編寫個數不能同時編寫多個。能同時編寫多個。
編寫個數的意思就是：
window.onload = function(){ alert("test1");};window.onload = function(){ alert("test2");};//結果只會輸出 test2。1234567復制代碼類型：[javascript]$(document).ready(function(){ alert("test1");})$(document).ready(function(){ alert("test2");})//結果兩次都輸出1234567復制代碼類型：[html] 編寫我們的第一個 JQuery程序
例子：
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <!-- Google 的 CDN 的方式加載jQuery，請大家自行修改為本地 --> <scripttype="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script></head> <body> <scripttype="text/javascript"> //等待dom元素加載完畢 $(document).ready(function(){ //彈出一個框:顯示hello syl alert("hello syl"); });</script> </body></html>
本站僅提供存儲服務，所有內容均由用戶發布，如發現有害或侵權內容，請
點擊舉報。
