javascript – 从数据属性解析$.extend配置

前端之家收集整理的这篇文章主要介绍了javascript – 从数据属性解析$.extend配置前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我知道我可以使用$.data但是如何迭代所有数据属性并将值与默认插件配置合并?
(function($){

  $.fn.plugin = function(opts){  

    opts = $.extend({
      foo: 'abc',boo: 45
    },opts);

    return this.each(function(){        
          ...
    });

  };
})(jQuery);

所以,如果我使用

$( ‘厄尔尼诺’)的插件();

它应该在.el上寻找数据属性,比如data-foo等……

解决方法

.data()方法支持数据属性.

As of jQuery 1.4.3 HTML 5 data- attributes will be automatically
pulled in to jQuery’s data object. The treatment of attributes with
embedded dashes was changed in jQuery 1.6 to conform to the W3C HTML5
specification.

在不指定参数的情况下调用它将返回具有所有数据属性的键/值对的对象:

var mydata = $("#mydiv").data();
原文链接:https://www.f2er.com/js/154836.html

猜你在找的JavaScript相关文章