B/S項目–jQuery簡介

jQuery是簡化版的JavaScript框架,其最核心的宗旨就是“Write less,Do more”。在jQuery庫中能夠更加簡潔的完成HTML元素操作選取及各個事件函數,完成CSS操作,實現JavaScript的特效和動畫,HTML DOM的遍歷和修改以及通過創建AJAX來動態刷新局部網頁。在目前的網絡時代,很多大型公司都在使用者jQuery,而且它可以兼容所有的駐留瀏覽器。由於jQuery庫是JavaScript文件,故在使用時直接添加HTML的<script>標簽來引用下載好的jQuery即可(<script
type=”text/javascript” src=”js/jquery.js” ></script>)如果沒有下載jQuery,可利用CDN(Content Delivery Network,內容分發網絡)來引用各站點服務器的jQuery,實現連接,獲取所需內容。

jQuery語法

jQuery的基礎語法是以$(selector).action()為模板,選取HTML元素並對其進行某些操作。$用來定義jQuery,後跟selector選擇器來查找HTML元素,.action()來執行操作,通常在使用jQuery函數時,都會將其放到document ready函數中,以防止文檔還未完全加載,導致操作失敗。

jQuery選擇器

jQuery選擇器用來選取具有id、類、類型、屬性等的HTML元素,基於CSS選擇器,以$開頭,分為很多類別。以下為id選擇器示例,更多請自行查詢嘗試使用

$(document).ready(function(){    //文檔加載完全
  $("button").click(function(){   //click點擊事件被觸發後調用函數
    $("#test").hide();   //執行id為test的隱藏操作
  });
});

jQuery事件

頁面對不同訪問者的響應叫做事件。HTML中發生某些事件後所調用的方法稱為事件處理程序,觸發事件即可達到某種要求。常用的有鼠標事件click,dblclick,鍵盤事件keypress,keydown還有表單文檔窗口等事件的應用。

以上是jQuery所包含的基本內容,其實jQuery相對來說很簡單,知識其實現的效果和更多的技巧還是需要我們更多的完成實例,巧妙運用。

發佈留言