jQuery 資料 DOM 元素 核心 屬性

2022-02-18 18:39:08 字數 4048 閱讀 7520

.clearqueue()

從序列中刪除仍未執行的所有專案

.clearqueue(queuename)

$("div").clearqueue();//

清空佇列

.data()

向被選元素附加資料,或者從被選元素獲取資料

$(selector).data(name)

//如果沒有規定名稱,則該方法將以物件的形式從元素中返回所有儲存的資料

$(selector).data(name,value)向被選元素附加資料

$("#btn1").click(function

());

$("#btn2").click(function

());

//向元素附加資料,然後取回該資料

.dequeue()

為匹配元素執行序列中的下乙個函式

.dequeue(queuename)

$("div").queue(function

() );

//使用 dequeue() 終止乙個自定義的佇列函式

jquery.hasdata()

檢測元素是否擁有與之相關的任何 jquery 資料

jquery.hasdata(element)

//可選。需要檢查其資料的 dom 元素

$(function

());

//在元素上設定資料,然後檢視 hasdata 的結果

query.hasdata() 方法檢測元素當前是否擁有通過使用 jquery.data() 設定的任何值。如果沒有資料與元素相關(根本不存在資料物件或者資料物件為空),則該方法返回

false;否則返回 true

jquery.hasdata(element) 的主要優勢是,在不存在資料物件的情況下,不會建立並將資料物件與元素進行關聯。相反地,jquery.data(element) 總是向呼叫者返回資料物件,如果之前資料物件不存在,則會建立它

.queue()

顯示或操作在匹配元素上執行的函式佇列

.queue(queuename)

//字串值,包含序列的名稱。預設是 fx, 標準的效果序列

function

showit()

//顯示佇列的長度

$('#foo').slideup().fadein();//

當這條語句執行時,元素會立即開始其滑動動畫,但是淡入過渡被置於 fx 佇列,只有當滑動過渡完成後才會被呼叫

這個特性與動畫方法提供**函式類似,但是無需在動畫執行時設定**函式:

$('#foo').slideup();

$('#foo').queue(function

() );

等價於:

$('#foo').slideup(function

() );

當通過 .queue() 新增函式時,我們應當確保最終呼叫了 .dequeue(),這樣下乙個排隊的函式才能執行

.removedata()

法刪除之前通過 data() 方法設定的資料

$(selector).removedata(name)

//如果沒有規定名稱,該方法將從被選元素中刪除所有已儲存的資料

$("#btn2").click(function

());

//從元素中刪除之前新增的資料

.get()

$(selector).get(index)//

可選。規定獲取哪個匹配元素(通過 index 編號)。

get() 方法獲得由選擇器指定的 dom 元素

$("button").click(function

());

//獲得第乙個 p 元素的名稱和值

.index()

$(selector).index()//

獲得第乙個匹配元素相對於其同胞元素的 index 位置,如果未找到元素,index() 將返回 -1。

$(selector).index(element)

//獲得元素相對於選擇器的 index 位置

$("li").click(function

());

//獲得第乙個 p 元素的名稱和值

.size()

$(selector).size()//

返回被 jquery 選擇器匹配的元素的數量

.toarray()

$(selector).toarray()//

以陣列的形式返回 jquery 選擇器匹配的元素

$("button").click(function

()});

//將 li 元素轉換為陣列,然後輸出該陣列元素的 innerhtml

jquery()

jquery() 方法接受乙個字串,其中包含了用於匹配元素集合的 css 選擇器

三種語法:

jquery(selector, [context])

如果指定了 context 引數,如乙個 dom 元素集或 jquery 物件,那就會在這個 context 中查詢

jquery(html,[ownerdocument])

//使用原始 html 的字串來建立 dom 元素

jquery( callback )

//繫結乙個在 dom 文件載入完成後執行的函式

jquery.noconflict()

var jq=$.noconflict();//

使用 noconflict() 方法為 jquery 變數規定新的名稱

jquery

jquery 屬性返回的字串包含 jquery 的版本號

$().jquery

$("button").on("click",function

());

jquery.fx.interval

jquery.fx.interval =milliseconds;

jquery.fx.interval 屬性用於改變以毫秒計的動畫執行速率。可操作該屬性來調整動畫執行的每秒幀數

規定以毫秒計的動畫執行速率。預設是 13毫秒

$("#toggle").on("click",function

());

$("#interval").on("click",function

());

//以較少的幀數來執行 元素的動畫

jquery.fx.off

jquery.fx.off 屬性用於對所有動畫進行全域性禁用或啟用

jquery.fx.off = true|false

;預設值是

false,它允許動畫正常執行。當設定為 true

時,將禁用所有動畫方法,這樣會把元素設定為其最後的狀態,而不是顯示效果

$("#true").click(function

());

$("#false").click(function

());

$("#toggle").click(function

());

jquery.support

jquery.support.propvalue

jquery.support 屬性包含表示不同瀏覽器特性或漏洞的屬性集。

此屬性主要用於 jquery 的內部使用

$(document).ready(

function

());測試瀏覽器是否能建立 xmlhttprequest 物件

length

length 屬性包含 jquery 物件中元素的數目

$(selector).length

$("button").click(function

());

//輸出 元素的數目

-----------------------------------------

JQuery 操作DOM元素

使用attr 方法控制元素的屬性 使用attr 屬性名 是獲取該屬性的值。使用attr 屬性名 屬性值 是設定屬性的值 html text 方法控制元素的文字 包含樣式 使用html 時是獲取元素的html文字 包括樣式 如果文字是斜體的,獲取到的也是斜體的 使用html 哈哈哈 時是將元素的htm...

jQuery之選擇DOM元素

jquery的選擇器非常強大,下面總結了一下jquery選擇器的常用型別。基本選擇器 層級選擇器 屬性選擇器 表單元素選擇器 基本過濾選擇器 子代過濾選擇器 內容過濾選擇器 可見性過濾選擇器 基本選擇器包括 萬用字元選擇器 calss 類名選擇器 tag 標籤選擇器 id id選擇器 jquery ...

jQuery 訪問DOM元素操作

一 操作元素屬性 1.獲取元素的屬性 attr prop 例1 css樣式 使用如下 attr可以獲取其width input type button attr width 200px console.log input type button attr width 200px prop不可以獲取其...