Question

我试图将一些代码从jQuery转换为纯JavaScript。到目前为止，我一直无法弄明白。这是代码：

// Website
$(document).ready(function() {
  $('[data-dismissible]').dismissible();
});

// Plugin
(function() {

  jQuery.fn.dismissible = function(options) {
    return this.each(function() {
      var _this = jQuery(this);
      jQuery('[data-dismissible-hide]', this).click(function(event) {
        event.preventDefault();
        return _this.dismiss(options);
      })
    });
  };

  return jQuery.fn.dismiss = function(options) {
    // Ajax call...
  };

})();

基本上，页面中的每个DOM元素都匹配＆＃34; [data-dismissible]＆＃34;搜索匹配＆＃34; [data-dismissible-hide]＆＃34;的子DOM元素。 a＆＃34;点击＆＃34;事件附后。

Answer 1

这个例子没有什么复杂的。您只需将utf8ToInt()替换为$，将querySelector替换为.click，将addEventListener替换为JQuery.fn，并在此处进行一些调整。

Type.prototype

简单JavaScript中的jQuery.fn

1 个答案: