obj data 繫結和獲取資料的應用

2022-06-17 21:24:10 字數 1285 閱讀 9085

**

1、解說

data() 方法向被選元素附加資料,或者從被選元素獲取資料。

例如:$("#id").data("name","xiao");  ----將資料繫結到#id上;

$("#id").data("name");   ---獲取資料

2、注意點:

a:$(obj).data(key)獲取資料的規則:

即當使用.data()獲取值時,jquery會首先嘗試將獲取的字串值轉化成js型別,包括布林值,null,數字,物件,陣列: 

若值是」true|false」,則返回相應的布林值; 

若值是」null」,則返回null; 

若值是純數字構成的字串(+data + 」」 === data),則返回相應的數字(+data); 

若值是由^(?:\|\[[\s\s]*\])$,比如」「或[1,2,3],則嘗試使用jquery.parsejson解析之; 

否則返回字串值

當然文件裡也特意說明了——如果就是想獲取字串值而不想獲得自動轉換的值,可以使用$(obj).attr(「data-」+key)來獲取相應的值: 

b:繫結到data中的資料,key的名字要是小寫的。

分類:

jquery

標籤:

jquery data()

1、解說

data() 方法向被選元素附加資料,或者從被選元素獲取資料。

例如:$("#id").data("name","xiao");  ----將資料繫結到#id上;

$("#id").data("name");   ---獲取資料

2、注意點:

a:$(obj).data(key)獲取資料的規則:

即當使用.data()獲取值時,jquery會首先嘗試將獲取的字串值轉化成js型別,包括布林值,null,數字,物件,陣列: 

若值是」true|false」,則返回相應的布林值; 

若值是」null」,則返回null; 

若值是純數字構成的字串(+data + 」」 === data),則返回相應的數字(+data); 

若值是由^(?:\|\[[\s\s]*\])$,比如」「或[1,2,3],則嘗試使用jquery.parsejson解析之; 

否則返回字串值

當然文件裡也特意說明了——如果就是想獲取字串值而不想獲得自動轉換的值,可以使用$(obj).attr(「data-」+key)來獲取相應的值: 

b:繫結到data中的資料,key的名字要是小寫的。

基於AJAX獲取資料和實現資料繫結

在實際開發中,我們製作的頁面中的資料都不是寫死的,而是要通過伺服器端提供的api介面位址,把資料請求過來,解析之後 獲取到的資料一般都是json格式字串,我們需要通過json提供的parse這個api介面進行解析,解析成物件,當然這裡得考慮相容 把資料繫結在html頁面中 簡單來說,分為三步驟 例 ...

vue的屬性繫結和雙向資料繫結

屬性繫結 v bind屬性繫結,使用如下,為div繫結了乙個title屬性 dell lee title hello world div v bind 可以縮寫為 dell lee title hello world div 雙向資料繫結 v model一般用於input等表單元素,例項裡的資料改變...

雙向資料繫結和單項資料繫結的認識

參考文章 單向資料繫結 指的是我們先把模板寫好,然後把模板和資料 資料可能來自後台 整合到一起形成html 然後把這段html 插入到文件流裡面。單向資料繫結缺點 html 一旦生成完以後,就沒有辦法再變了,如果有新的資料來了,那就必須把之前的html 去掉,再重新把新的資料和模板一起整合後插入到文...