>作用

>>jQuery是JS的一個庫，簡化了JS的程式設計。

• HTML 元素選取
• HTML 元素操作
• CSS 操作
• HTML 事件函式
• JavaScript 特效和動畫
• HTML DOM 遍歷和修改
• AJAX
• Utilities

>>呼叫方法

<script type = "text/javascript" src= "jquery.js" ></script>

<script src = "http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js></script>

<script src = "http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.8.0.js">

>語法

>>基本形式

$(selector).action()

$定義了jQuery變數或函式

selector表示選擇符，指向某個物件

action執行對元素的操作

>>四種不同的選擇器

$(this).hide()

$(#test").hede()

$("p").hide()

$(".test").hide()

>>文件就緒函式

$(document).ready(function(){

函式實體

})

>選擇器

>>選擇器允許對DOM元素組或單個DOM節點進行操作

>>選擇器可以是標籤名、屬性名、內容、id、類名等

>>選擇器分類：

jQuery元素選擇器：

$("p")選取<p>的元素

$"p.intro"選取所有class = intro的元素

$("p#demo")選取id = demo的元素

jQuery屬性選擇器：

$("[href]")選取所有帶有href屬性的元素

$("[href = '#']")選取特定的屬性選擇器

jQuery css選擇器：

$(this).hide()

$(#test").hede()

$("p").hide()

$(".test").hide()

>jQuery處理事件

>>舉例

$(docment).ready(

$("button").click(

function(){

$("p").hide();

}

));

>>jQuery處理事件遵循的原則

把所有的jQuery程式碼至於事件處理函式中

把所有時間處理函式置於文件就緒事件處理器中

把jQuery程式碼置於單獨的.js 檔案中

如果存在名稱衝突，則重新命名jQuery庫

$(this).hide()

$(#test").hede()

$("p").hide()

$(".test").hide()

>>jquery中常見的函式

$(this).hide()

$(#test").hede()

$("p").hide()

$(".test").hide()