Jquery基礎學習

2022-07-25 19:12:12 字數 1604 閱讀 6353

1. 資料儲存

data([name]):返回元素上儲存的相應名字的資料,可以用data(name, value)來設定

如果jquery集合指向多個元素,那將只返回第乙個元素的對應資料

$("div").data("blah");  //

undefined

$("div").data("blah", "hello"); //

blah設定為hello

$("div").data("blah"); //

hello

$("div").data("blah", 86); //

設定為86

$("div").data("blah"); //

86$("div").removedata("blah"); //

移除blah

$("div").data("blah"); //

undefined

訪問名/值對資料

$("div").data("test", );

$("div").data("test").first //

16;$("div").data("test").last //

pizza!;

2. 佇列

queue(name, callback) :在匹配的元素的佇列最後新增乙個函式

name:佇列名,預設 fx ; callback: 要新增進佇列的函式

$(document.body).click(function

() ,2000);

$("div").queue(function

() );

$("div").animate(,500);

$("div").queue(function

() );

$("div").slideup();

});

queue(name, queue) :將匹配元素的佇列用新的乙個佇列來代替(函式陣列).

name:佇列名,預設 fx ; queue:array函式陣列

$("#stop").click(function

() );

queue(name): 返回指向第乙個匹配元素的佇列(將是乙個函式陣列)

$("#show").click(function

() );

dequeue(name): 從佇列最前端移除乙個佇列函式,並執行他

$("button").click(function

() , 2000);

$("div").animate(, 600);

$("div").queue(function

() );

$("div").animate(, 700);

});

clearqueue([queuename]): 清空物件上尚未執行的所有佇列

如果不帶引數,則預設清空的是動畫佇列。這跟stop(true)類似,但stop()只能清空動畫佇列,而這個可以清空所有通過 .queue() 建立的佇列

jQuery基礎學習

1.1常見的j ascript庫 jquery prototype yui dojo ext js 移動端的zepto 這些庫都是對原生j ascript的封裝,內部都是用j ascript實現的 官網 版本 1x 相容ie678 等低版本瀏覽器,官網不再更新 2x 不相容ie678等低版本瀏覽器,...

jquery學習基礎使用

jquery獲取元素進行操作 一 基礎方式 四種 this hide 表示 jquery 的hide 函式,隱藏當前的 html 元素。test hide 表示 jquery 的hide 函式,隱藏id test 的元素。p hide 表示 jquery 的hide 函式,隱藏所有 元素。test ...

jQuery基礎學習(1)

jquery環境搭建 語法初識 1.document ready function 這句話的作用是等document載入完後執行函式裡的 因為有些 的執行會依賴dom節點啦。全部js 都扔進裡面沒關係吧?2.物件的命名 jquery的物件前置 用來區別普通js物件,並沒有什麼特殊作用,例如 p jq...