亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全，請及時綁定郵箱和手機立即綁定
已解決430363個問題，去搜搜看，總會有你想問的

我不了解jQuery.data（）方法

我不了解jQuery.data（）方法

繁星coding 2021-04-29 05:57:50
.data()-Attaches數據到選定元素或從選定元素獲取數據。jQuery中的方法問題：1）這種方法的目的是什么？2）運行它時，我看不到創建了data- *屬性。那么，data-*屬性和由data()jQuery中的方法創建的數據之間有什么區別？<!--code from w3school --><!DOCTYPE html><html><head><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><script>$(document).ready(function(){  $("#btn1").click(function(){    $("div").data("greeting", "Hello World");  });  $("#btn2").click(function(){    alert($("div").data("greeting"));  });});</script></head><body><button id="btn1">Attach data to div element</button><br><button id="btn2">Get data attached to div element</button><div></div></body></html>
查看完整描述

3 回答

?
RISEBY

TA貢獻1856條經驗 獲得超5個贊

一種用例可以是存儲實例，下面是偽代碼


function SomePlugin(element, options) {

    this.$el = $(element);

    this.options = options;

}


SomePlugin.prototype.method = function() {

    this.$el.toggleClass(this.options.cssClass);

}


$.fn.somePlugin = function(options) {

    var somePluginInstance = new SomePlugin(this, options);

    // store instance as data

    this.data("somePlugin", somePluginInstance);

}

用法：


$(".element").somePlugin({});


var pluginInstance = $(".element").data("somePlugin");


pluginInstance.method();


查看完整回答
反對 回復 2021-05-13
?
交互式愛情

TA貢獻1712條經驗 獲得超3個贊

.data（）方法允許您以一種安全的方式附加任何類型的DOM元素的數據，以防止循環引用，從而避免內存泄漏。


我們可以為單個元素設置幾個不同的值，并在以后檢索它們：（文檔示例）


$( "body" ).data( "foo", 52 );

$( "body" ).data( "bar", { isManual: true } );

$( "body" ).data( { baz: [ 1, 2, 3 ] } );

$( "body" ).data( "foo" ); // 52

$( "body" ).data(); // { foo: 52, bar: { isManual: true }, baz: [ 1, 2, 3 ] }

“使用data（）方法更新數據不會影響DOM中的屬性。要設置data- *屬性值，請使用attr。


在jQuery 1.4.3之前，.data（obj）完全替換了所有數據。從jQuery 1.4.3開始，數據通過淺合并來擴展?！?/p>


字體：jquery文檔


查看完整回答
反對 回復 2021-05-13
  • 3 回答
  • 0 關注
  • 248 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號