jQuery.data() 函數用法詳解
data()函數用於在目前jQuery物件所匹配的所有元素上存取資料。
透過data()函數存取的資料都是暫存數據,一旦頁面刷新,先前存放的資料都將不復存在。
此函數屬於jQuery物件(實例)。如果需要移除透過data()函數存放的數據,請使用removeData()函數。
語法
data()函數有以下兩種用法:
用法一:
jQueryObject.data( [ key [, value ] ])
以指定的鍵名key存取資料。如果指定了value參數,則表示以鍵名key存放值為value的資料;如果沒有指定value參數,則表示讀取先前以鍵名key存放的資料;如果沒有指定任何參數,則以物件形式傳回之前儲存的所有資料。
用法二:
jQueryObject.data( object )
以物件形式同時傳入任意多個key-value形式的數據,物件的每個屬性就是鍵名key,屬性值就是value。
注意:data()函數的所有"儲存資料"操作針對目前jQuery物件所匹配的每一個元素;所有"讀取資料"操作只針對第一個匹配的元素。
參數
請根據前面語法部分所定義的參數名稱尋找對應的參數。
參數 描述
key 可選/String類型指定的鍵名字串#。
value 可選/任意類型需要儲存的任意類型的資料。
object Object類別型指定的對象,用於封裝多個鍵值對,同時儲存多項資料。
傳回值
data()函數的傳回值是任意類型,傳回值的型別取決於目前data()函數執行的是"儲存資料"操作還是"讀取資料"操作。
如果data()函數執行的是"儲存資料"操作,則傳回目前jQuery物件本身;如果是"讀取資料"操作,則傳回讀取到的資料。
如果目前jQuery物件符合多個元素,讀取資料時,data()函數只以其中第一個符合的元素為準。
如果執行data(key)函數(僅傳入一個參數key)時找不到對應的數據,則傳回undefined。如果執行data()函數(不帶任何參數)時找不到對應的數據,則傳回一個空的物件(沒有任何屬性)。
範例&說明
以下面這段HTML程式碼為例:
<div id="n1"> <div id="n2"> <ul id="n3"> <li id="n4">item1</li> <li id="n5">item2</li> <li id="n6">item3</li> </ul> </div> </div>
我們寫如下jQuery程式碼:
var $li = $("li"); // 同时向所有的li元素存储数据 $li.data("name", "CodePlayer"); $li.data("desc", "专注于编程开发技术分享"); $li.data("url", "http://www.365mini.com/"); var $n5 = $("#n5"); // 通过n4、n5、n6都可以读取数据 // 返回键值name所对应的数据 document.writeln( $n5.data("name") ); // CodePlayer // 以对象形式返回所有的数据 var obj = $("#n6").data(); for(var i in obj){ document.writeln( i + "=" + obj[i] + "<br>"); } /*输出: name=CodePlayer desc=专注于编程开发技术分享 url=http://www.365mini.com/ */ //移除掉n4上存储的键名为name的数据 $("#n4").removeData("name"); // 虽然$li匹配3个li元素,但是读取数据只以第一个li元素n4为准,因此返回undefined document.writeln( $li.data("name") ); // undefined var object = { name: "张三", age: 18, score: [87, 23, 56], options: { gender: "男", address: "水帘洞" } }; // 同时向所有的div元素以对象形式设置多个key-value数据 // value值可以是任意类型的数据,包括数组、对象等 $("div").data( object ); var $n2 = $("#n2"); // 通过n1、n2都可以读取数据 document.writeln( $n2.data("name") ); // 张三 document.writeln( $n2.data("score") ); // 87,23,56 document.writeln( $n2.data("options") ); // [object Object]
以上是jQuery.data() 函數用法詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

Go語言提供了兩種動態函數創建技術:closures和反射。 closures允許存取閉包作用域內的變量,而反射可使用FuncOf函數建立新函數。這些技術在自訂HTTP路由器、實現高度可自訂的系統和建置可插拔的元件方面非常有用。

在C++函數命名中,考慮參數順序至關重要,可提高可讀性、減少錯誤並促進重構。常見的參數順序約定包括:動作-物件、物件-動作、語意意義和遵循標準函式庫。最佳順序取決於函數目的、參數類型、潛在混淆和語言慣例。

1. SUM函數,用於對一列或一組單元格中的數字進行求和,例如:=SUM(A1:J10)。 2、AVERAGE函數,用於計算一列或一組儲存格中的數字的平均值,例如:=AVERAGE(A1:A10)。 3.COUNT函數,用於計算一列或一組單元格中的數字或文字的數量,例如:=COUNT(A1:A10)4、IF函數,用於根據指定的條件進行邏輯判斷,並返回相應的結果。

C++函數中預設參數的優點包括簡化呼叫、增強可讀性、避免錯誤。缺點是限制靈活性、命名限制。可變參數的優點包括無限彈性、動態綁定。缺點包括複雜性更高、隱式型別轉換、除錯困難。

C++中的函數傳回參考類型的好處包括:效能提升:引用傳遞避免了物件複製,從而節省了記憶體和時間。直接修改:呼叫方可以直接修改傳回的參考對象,而無需重新賦值。程式碼簡潔:引用傳遞簡化了程式碼,無需額外的賦值操作。

自訂PHP函數與預定義函數的差異在於:作用域:自訂函數僅限於其定義範圍,而預定義函數可在整個腳本中存取。定義方式:自訂函數使用function關鍵字定義,而預先定義函數則由PHP核心定義。參數傳遞:自訂函數接收參數,而預先定義函數可能不需要參數。擴充性:自訂函數可以根據需要創建,而預定義函數是內建的且無法修改。

C++中的異常處理可透過自訂異常類別增強,提供特定錯誤訊息、上下文資訊以及根據錯誤類型執行自訂操作。定義繼承自std::exception的異常類,提供特定的錯誤訊息。使用throw關鍵字拋出自訂異常。在try-catch區塊中使用dynamic_cast將捕獲到的異常轉換為自訂異常類型。在實戰案例中,open_file函數會拋出FileNotFoundException異常,捕捉並處理該異常可提供更具體的錯誤訊息。
