1. 程式人生 > >jQuery學習筆記(一)

jQuery學習筆記(一)

一.jQuery函式。

$();可以簡化的表示為jQuery();

括號中的東西可以試JavaScript物件,可以是css選擇器(包括ID選擇器,類選擇器,直接元素選擇器),也可以是一個段表示HTML的字串(用來動態向瀏覽器增加DOM元素)。

注意:我們用JavaScript直譯器和jQuery做出的HTML和css改變並不是真正的改變HTML和css文件檔案,而是改變了瀏覽器記憶體中頁面的DOM表示。

css選擇器選擇元素來為他們增加樣式,而jQuery選擇器選擇元素來為他們增加行為。

二.一些函式

$("h1").hide();//將所有h1元素隱藏
$("h1").slideUp();//將所有的h1元素向上滑動並縮小直至隱藏,當然也會有slideDown()函式和slideToggle()函式。
$("h1").fadeOut();//將元素淡出直到不可見,括號內部可以直接加數字,表示整個過程的用時。
$("button").click();//click事件,可以在括號內部加函式。
$("h1").css({});//可以在大括號內部加css樣式。
$("h1").show();//將所有h1元素顯示出來
$("h1").toggle();//toggle() 方法切換元素的可見狀態。如果被選元素可見,則隱藏這些元素,如果被選元素隱藏,則顯示這些元素。
$("h1").hide();//將所有h1元素隱藏
$(document).ready();括號內部插入函式表示在檔案執行開啟後開始執行函式。
$("h1").FadeIn();//元素淡入,當然還有淡出和自動切換FadeOut();FadeToggle();括號內部放入的是速度時間。