jQuery技術學習總結

2021-10-07 18:19:12 字數 3071 閱讀 7724

/*

$(document):$是jquery中的函式名稱,document作為函式的引數

作用是將document物件轉化為jquery庫能用的物件

ready 是jquery中的函式 dom載入成功後會執行ready函式中的內容

function是自定義函式,在onload之後執行*/$

(document)

.ready

(function()

)//與上述**功能相同(是其簡化寫法)$(

function()

)

/*

dom物件:使用js建立的物件

jquery物件:使用jquery語法建立的物件,jquery物件是乙個陣列

dom物件可以與jquery物件相互轉換

dom物件轉換為jquery物件之後才可使用jquery的函式

*/function

change()

function

change()

function

func1()

function

func2()

function

func3()

function

func4()

function

func5()

function

func1()

function

func2()

}function

func3()

}

//基本過濾器:$(

function()

)$("#btn2").

click

(function()

)$("#btn3").

click

(function()

)$("#btn4").

click

(function()

)$("#btn5").

click

(function()

)})

/*

表單屬性過濾器*/$

(function()

)$("#btn2").

click

(function()

})$(

"#btn3").

click

(function()

})})

$

(function()

)})//2.滑鼠雙擊事件$(

"div").

dblclick

(function()

)//3.表單事件$(

":text").

change

(function()

)})

$

(function()

})$(

"#btn2").

click

(function()

)$("#btn3").

click

(function()

)$("#btn4").

click

(function()

)$("#btn5").

click

(function()

)$("#btn6").

click

(function()

)})

$

(function()

)$("#btn2").

click

(function()

)$("#btn3").

click

(function()

)$("#btn4").

click

(function()

)$("#btn5").

click

(function()

)$("#btn6").

click

(function()

)})$

("#btn7").

click

(function()

)})$

("#btn8").

click

(function()

; $.

each

(json,

function

(i,n))}

)$("#btn9").

click

(function()

)})}

)

$

(function()

)//顯示元素$(

"#show").

click

(function()

)})

$

(function()

)//淡出$(

"#out").

click

(function()

)//fadetoggle$(

"#io").

click

(function()

)})

$

(function()

)//向上滑$(

"#slide2").

click

(function()

)//slidetoggle$(

"#slide3").

click

(function()

)})

$

(function()

,4000);

})//停止動畫$(

"#stop").

click

(function()

)})

jQuery學習總結

function jquery jquery function fn是jquery建構函式的prototype屬性的別名 通過布林型別的 boxmodel標誌可以知道當前頁面使用的是哪乙個方框模型 如果頁面使用w3c標準的方框模型,被設定為true 如果頁面使用ie瀏覽器的方框模型 有時稱為傳統模型...

JQuery學習總結

按照案例導向來總結 首先要想辦法找到元素 1.基本的語法,載入 2.相關選擇器 基本,層級,屬性 文件操作的篩選 3.dom物件和jq物件 前面有 符號 的轉換 然後要繫結事件 比dom的事件少乙個on 操作有bind,hover等 然後做一些屬性操作 attr,addclass,html等 然後注...

jQuery學習總結

1 查詢dom元素進行取值和賦值的操作 在特定節點位置進行內容的取值和賦值操作 innerhtml 2 針對元素進行事件監聽。3 通過操作dom節點結合改變元素的css樣式,達到絢麗的動畫效果。4 對dom元素進行ajax操作。對於jquery來說,可以對這四部分提供完美的實現 a jquery擁有...