javascript – 如何使用其他函数创建像jQuery这样的选择器？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 如何使用其他函数创建像jQuery这样的选择器？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含986字，纯文字阅读大概需要2分钟。

内容图文

我试图了解如何使用jQuery和其他库.我想知道如何使用以下格式创建选择器：

$("#selector").get(); 

到目前为止,我正在尝试下一个,但我不知道如何运行内部函数(get(),set())：

var $= (function() {

    var jQuery = {
        get: function() {
            console.log("get() function!!");
            return this;
        },
        set: function() {
            console.log("set() function!!");
            return this;
        }
    };

    return function(el) {
        return document.querySelector(el);
    }       
})();

我已经阅读了一些关于JavaScript中模块化模式设计的内容,但我并不了解所有内容.

解决方法:

制作可链接函数的方法首先是使用new关键字创建实例.

这可以通过确保被调用函数的这个值是其自身的实例来“自动”完成,如果没有用new显式调用它.

然后,这只是返回实例和使用原型方法的问题.

var $= function(selector) {
  if (! (this instanceof $) ) {
    return new $(selector);
  }
  this.el = document.querySelectorAll(selector);
  return this;
}

$.prototype.css = function(prop, val) {
  this.el.forEach(function(element) {
    element.style[prop] = val;
  });

  return this;
}

$('#test').css('color', 'red').css('font-size', '30px')

<div id="test">test</div>

内容总结

以上是互联网集市为您收集整理的javascript – 如何使用其他函数创建像jQuery这样的选择器？全部内容，希望文章能够帮你解决javascript – 如何使用其他函数创建像jQuery这样的选择器？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端