JQuery是一個快速、簡潔的JavaScript庫,使HTML文檔遍歷和操作、事件處理、動畫和Ajax簡化核心JavaScript功能。使用JQuery的目的是使JavaScript編寫更少、更具可讀性。jQuery主要特點包括:
$(selector).action()
用于查找和執行操作的語法清晰簡單;可通過頭文件直接使用CDN,避免在本地引用 JavaScript 文件;對 HTML 元素操作更加方便,例如隱藏元素、改變元素內容等等;Ajax 回調函數更加靈活,能更好地優化用戶體驗;還有豐富的插件、豐富的文檔、活躍的社區以及強大的跨瀏覽器支持等等。
下面是一些簡單的jQuery示例:
$(document).ready(function(){ $("p").click(function(){ $(this).hide(); }); });
以上代碼會隱藏所有的段落元素。其中 $ 符號用于定義jQuery代碼,P標簽是jQuery的選擇器,click()函數會在用戶點擊元素時觸發。
下面的代碼將逐漸地改變 div 元素的透明度:
$("button").click(function(){ $("#div1").fadeIn(); $("#div2").fadeIn("slow"); $("#div3").fadeIn(3000); });
以上代碼將分別以不同的速度來顯示三個具有相同CSS樣式的div元素。
JQuery使得編寫 JavaScript 變得更加容易。使用JQuery,你可以用更少的代碼實現更多的功能,提高開發效率。
上一篇jquery 選擇同級
下一篇jquery 過濾