------------恢復內容開始------------

jQuery通過美元符號$選擇HTML元素進行操作

#是選擇id標籤元素 .是選擇class標籤的元素 如下所示

$("#test").hide()$(".test").hide()jQuery是JavaScript庫，封裝了一些JavaScript操作的方法，只需要呼叫jQuery中的方法就可以對HTML元素執行某些操作

模式：$(selector).action() 美元符號定義 jQuery 選擇符(selector)查詢HTML元素 action執行對HTML元素的操作

jQuery選擇器的幾種方式

1.HTML元素選擇器

#id 選取特定的id名的元素標籤進行操作 .class選取特定的類名的標籤元素進行操作 $("P")選取全部的P元素標籤進行操作

2.屬性選擇器

通過使用Xpath表示式來選擇含有指定屬性的元素進行操作 $("[href]") 選取所有帶有href的屬性的元素進行操作

3.css選擇器

jQuery css選擇器選擇元素的class樣式進行操作。 $("p").class("")對p元素進行樣式上的修改

jQuery事件

最好的選擇就是把jQuery函式放在單獨的js檔案中，然後在head中引用就行，這樣做易於維護

jQuery幾種常用的事件函式

$(document).ready(function)將函式繫結到文件的就緒事件（當文件完成載入時）這個是總函式 所有事件都要放在這個裡面

$(selector).click(function)觸發或將函式繫結到被選元素的點選事件

$(selector).dblclick(function)觸發或將函式繫結到被選元素的雙擊事件

$(selector).focus(function)觸發或將函式繫結到被選元素的獲得焦點事件

$(selector).mouseover(function) 觸發或將函式繫結到被選元素的滑鼠懸停事件

jQuery效果

通過使用toggle（）方法來切換使用hide和show方法。。。。。。。

jQuery DOM操作

dom document object model 文件物件模型

alert用於在控制檯輸出文字，類似於彈窗 .text() 獲取標籤內的文字 .html()獲取所選元素的內容val() 方法獲得輸入欄位的值attr() 方法用於獲取屬性值

------------恢復內容結束------------