jquery簡易教程(常用函數(shù))

《jquery簡易教程(常用函數(shù))》由會員上傳分享，免費在線閱讀，更多相關內容在行業(yè)資料-天天文庫。

1、jQuery簡潔教程，jQuery快速上手教程，jQuery使用手冊，jQuery常用函數(shù)jQuery語法jQuery語法是為HTML元素的選取編制的，可以對元素執(zhí)行某些操作?；A語法是：$(selector).action()·美元符號定義jQuery·選擇符（selector）“查詢”和“查找”HTML元素·jQuery的action()執(zhí)行對元素的操作示例$(this).hide()-隱藏當前元素$("p").hide()-隱藏所有段落$("p.test").hide()-隱藏所有class="test"的段落$("#test").hide()-隱藏所有id="te

2、st"的元素提示：jQuery使用的語法是XPath與CSS選擇器語法的組合。在本教程接下來的章節(jié)，您將學習到更多有關選擇器的語法。文檔就緒函數(shù)您也許已經注意到在我們的實例中的所有jQuery函數(shù)位于一個documentready函數(shù)中：$(document).ready(function(){---jQueryfunctionsgohere----});這是為了防止文檔在完全加載（就緒）之前運行jQuery代碼。jQuery選擇器jQuery元素選擇器jQuery使用CSS選擇器來選取HTML元素。$("p")選取

元素。$("p.intro")選取所有class=

3、"intro"的

元素。$("p#demo")選取id="demo"的第一個

元素。jQuery屬性選擇器jQuery使用XPath表達式來選擇帶有給定屬性的元素。$("[href]")選取所有帶有href屬性的元素。$("[href='#']")選取所有帶有href值等于"#"的元素。$("[href!='#']")選取所有帶有href值不等于"#"的元素。$("[href$='.jpg']")選取所有href值以".jpg"結尾的元素。jQueryCSS選擇器jQueryCSS選擇器可用于改變HTML元素的CSS屬性。例語法描述$(this)當前HTML元素$

4、("p")所有

元素$("p.intro")所有class="intro"的

元素$(".intro")所有class="intro"的元素$("#intro")id="intro"的第一個元素$("ulli:first")每個

的第一個
• 元素$("[href$='.jpg']")所有帶有以".jpg"結尾的屬性值的href屬性$("div#intro.head")id="intro"的
  元素中的所有class="head"的元素jQuery事件Event函數(shù)綁定函數(shù)至$(document).ready(function)將函數(shù)綁定到文檔的就緒

  5、事件（當文檔完成加載時）$(selector).click(function)觸發(fā)或將函數(shù)綁定到被選元素的點擊事件$(selector).dblclick(function)觸發(fā)或將函數(shù)綁定到被選元素的雙擊事件$(selector).focus(function)觸發(fā)或將函數(shù)綁定到被選元素的獲得焦點事件$(selector).mouseover(function)觸發(fā)或將函數(shù)綁定到被選元素的鼠標懸停事件jQuery效果函數(shù)描述$(selector).hide()隱藏被選元素$(selector).show()顯示被選元素$(selector).toggle()切換（在隱藏

  6、與顯示之間）被選元素$(selector).slideDown()向下滑動（顯示）被選元素$(selector).slideUp()向上滑動（隱藏）被選元素$(selector).slideToggle()對被選元素切換向上滑動和向下滑動$(selector).fadeIn()淡入被選元素$(selector).fadeOut()淡出被選元素$(selector).fadeTo()把被選元素淡出為給定的不透明度$(selector).animate()對被選元素執(zhí)行自定義動畫jQueryHTML操作函數(shù)描述$(selector).html(content)改變被選元素的（

  7、內部）HTML$(selector).append(content)向被選元素的（內部）HTML追加內容$(selector).prepend(content)向被選元素的（內部）HTML“預置”（Prepend）內容$(selector).after(content)在被選元素之后添加HTML$(selector).before(content)在被選元素之前添加HTMLjQueryCSS函數(shù)jQuery擁有三種用于CSS操作的重要函數(shù)：·$(selector).css(name,value)·$(selector).css

  當前文檔最多預覽五頁，下載文檔查看全文

  侵權申訴 舉報

  此文檔下載收益歸作者所有

  下載文檔
  當前文檔最多預覽五頁，下載文檔查看全文
  點擊下載本文檔