成人黄色在线网站 I 国产aa免费 I 中文字幕免费高清 I 国产三级影院 I 日韩欧美三级在线观看 I 久久久国产精品麻豆a片 I 欧美与黑人午夜性猛交久久久 I 91国产精品视频在线 I 国产美女狂喷水潮在线播放 I 黄页免费网站在线观看 I 欧美日韩激情视频 I 午夜理论无码片在线观看免费 I 深夜爽爽动态图无遮无挡 I 国精产品一区一区三区有限公司杨 I 天天操天天舔天天爽 I 免费看日本黄色片 I 成人va在线 I 日韩中文字幕在线观看 I 婷婷综合网 I 97视频免费观察看 I 色月丁香 I 日韩视频一二三 I 男女黄色毛片 I 美女疯狂连续喷潮视频 I 亚洲日本va一区二区sa I 欧美日韩视频区 I 毛片网在线 I 欧美一本在线 I 少妇一级淫片免费放香蕉 I avav在线看 I 久久精品亚洲中文字幕无码网站 I 天堂av在线中文在线新版 I 电影一区电影二区 I 色av吧中文字幕 I 国产精品伊人色

web前端培訓(xùn)分享之jQuery data()用法

來源：培訓(xùn)無憂網(wǎng) 發(fā)布人：星星

2022-01-12 11:03:11|已瀏覽：177次

web前端的學(xué)習(xí)中，我們經(jīng)常會學(xué)到關(guān)于jQuery的知識，這也是必學(xué)項(xiàng)，本期web前端培訓(xùn)教程主要給大家介紹的jQuery data()方法的用法，來看看下面的詳細(xì)介紹。
data()方法用來在指定的元素上存取數(shù)據(jù)。數(shù)據(jù)保存在內(nèi)存中，并不會修改DOM元素結(jié)構(gòu);一旦頁面刷新，之前存放的數(shù)據(jù)都將被移除。具體語法如下：$(selector).data("數(shù)據(jù)名") //獲取數(shù)據(jù) $(selector).data("數(shù)據(jù)名", "數(shù)據(jù)值") //設(shè)置數(shù)據(jù)
下面我們演示通過data()方法實(shí)現(xiàn)數(shù)據(jù)的操作，示例代碼如下。

<div>我是div</div>
<script>
$("div").data("uname", "andy"); //設(shè)置數(shù)據(jù)
console.log($("div").data("uname")); //獲取數(shù)據(jù)，輸出結(jié)果: andy
</script>

上述代碼運(yùn)行后，uname會保存到內(nèi)存中，不會出現(xiàn)在HTML結(jié)構(gòu)中。在開發(fā)者工具中查看元素，如下圖所示。
jQuery data()用法

使用data()方法還可以讀取HTML5自定義屬性data-index，示例代碼如下。

<div index="1" data-index="2">我是div</div>
<script>
console.log($("div").data("index")); // 輸出結(jié)果: 2
</script>

在上述代碼中，第3行用來獲取data-index屬性，屬性名中不需要“data-”前綴，并且返回的結(jié)果是數(shù)字型。

本文由培訓(xùn)無憂網(wǎng)千鋒教育專屬課程顧問老師整理發(fā)布，更多web前端課程信息可關(guān)注培訓(xùn)無憂網(wǎng)web前端培訓(xùn)頻道或添加老師微信：15033336050

注：尊重原創(chuàng)文章,轉(zhuǎn)載請注明出處和鏈接 http://www.hebeijilong.cn/news-id-14777.html 違者必究！部分文章來源于網(wǎng)絡(luò)由培訓(xùn)無憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實(shí)性請自行核實(shí)或聯(lián)系我們，了解更多相關(guān)資訊請關(guān)注web前端頻道查看更多，了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費(fèi)申請?jiān)囌n。關(guān)注官方微信了解更多：150 3333 6050