jquery學習筆記--語法
阿新 • • 發佈:2018-12-09
jquery語法:
- $(selector).action()
- $表明是jquery語法
- selector標明要執行操作的html元素
- action()對元素要執行的操作
選擇器
- jquery選擇器可以指明對單個或一組html元素進行操作
- jquery選擇器基於元素的id,類,型別,屬性,屬性值等進行查詢或選擇
- 常見選擇器
-
$("*") 選取所有元素 $(this) 選取當前 HTML 元素 $("p.intro") 選取 class 為 intro 的 <p> 元素 $("p:first") 選取第一個 <p> 元素 $("ul li:first") 選取第一個 <ul> 元素的第一個 <li> 元素 $("ul li:first-child") 選取每個 <ul> 元素的第一個 <li> 元素 $("[href]") 選取帶有 href 屬性的元素 $("a[target='_blank']") 選取所有 target 屬性值等於 "_blank" 的 <a> 元素 $("a[target!='_blank']") 選取所有 target 屬性值不等於 "_blank" 的 <a> 元素 $(":button") 選取所有 type="button" 的 <input> 元素 和 <button> 元素 $("tr:even") 選取偶數位置的 <tr> 元素 $("tr:odd") 選取奇數位置的 <tr> 元素
事件
- 頁面對不同訪問者的響應叫做事件
- 事件處理程式是指當html元素髮生某些事件時所呼叫的方法
- 常用的iquery事件
-
//頁面準備好 $("document").ready(function(){ }); //滑鼠點選 $("#hide").click(function(){ }); //雙擊 $("#dblclick").dblclick(function(){ alert("您雙擊了"); }); $("#mouse").mouseenter(function(){ alert("滑鼠經過"); }); $("#mouse").mouseleave(function(){ alert("滑鼠離開"); });