安裝
jQuery 庫是一個 JavaScript 檔案,您可以使用 HTML 的 <script> 標籤引用它:
<head><script src="jquery.js"></script></head>
如果您不希望下載並存放 jQuery,那麼也可以通過 CDN(內容分髮網絡) 引用它
Google CDN:
<head><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script></head>
Microsoft CDN:
<head><script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"></script></head>
$("#test").hide()
示範 jQuery hide() 函數,隱藏所有 <p> 元素。
$("p").hide()
示範 jQuery hide() 函數,隱藏所有 class="test" 的元素。
$(".test").hide()
$("p#demo")
$("[href='#']") 選取所有帶有 href 值等於 "#" 的元素。
$("[href!='#']") 選取所有帶有 href 值不等於 "#" 的元素。
$("[href$='.jpg']") 選取所有 href 值以 ".jpg" 結尾的元素。
$("p").css("background-color","red");
$("p") 所有 <p> 元素
$("p.intro") 所有 class="intro" 的 <p> 元素
$(".intro") 所有 class="intro" 的元素
$("#intro") id="intro" 的元素
$("ul li:first") 每個 <ul> 的第一個 <li> 元素
$("[href$='.jpg']") 所有帶有以 ".jpg" 結尾的屬性值的 href 屬性
$("div#intro .head") id="intro" 的 <div> 元素中的所有 class="head" 的元素
var jq=jQuery.noConflict()
協助您使用自己的名稱(比如 jq)來代替 $ 符號。
Event 函數 綁定函數至
$(document).ready(function) 將函數綁定到文檔的就緒事件(當文檔完成載入時)
$(selector).click(function) 觸發或將函數綁定到被選元素的點擊事件
$(selector).dblclick(function) 觸發或將函數綁定到被選元素的雙擊事件
$(selector).focus(function) 觸發或將函數綁定到被選元素的獲得焦時間點事件
$(selector).mouseover(function) 觸發或將函數綁定到被選元素的滑鼠移至上方事件