1. 程式人生 > >jquery學習筆記--語法

jquery學習筆記--語法

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("滑鼠離開");
    });