jquery - jQuery 中的 $ 符号后面可以以编程方式插入任何内容吗？

Question

只是在查看一些插件，我注意到在插件中它们具有以下语法。

$.informationTech = {
    validateFormat: function (address) {
      return !!address.match(/^[a-zA-Z0-9]{1,4}\s?\$/);
    }
}

然后他们调用了类似 $.informationTech.validateFormat() 的函数。

我只是想知道 $.informationTech 在 jQuery 中到底意味着什么，或者它的快捷方式是什么？

Answer 1

$ 或 jQuery 是 JavaScript 中的一个对象，由 jQuery 创建作为其库的主要基础。 jQuery 的任何功能都在这个变量中。

例如以下代码为例:

$(".flashy").fadeIn(); // fades in all elements with a class of flashy 

fadeIn 将是 $ 变量内的函数。从这些角度思考:

var $ = {
  fadeIn: function () {
    // do something
  }
}

对于您的情况的使用:

$.informationTech = {
  validateFormat: function (address) {
    return !!address.match(/^[a-zA-Z0-9]{1,4}\s?\$/);
  }
}

这只是 $ 变量(仅适用于 jQuery)上的“搭载”，以添加名为 informationTech 的属性，其中包含名为 的函数>验证格式。 (据我所知，“捎带”并不是一个实际的术语，但我喜欢这个术语，因为它很有意义:D)

再举个例子，如果您要编写一个 jQuery 插件:

$.fn.pluginName = function () {
  // do stuff
}

注意您如何编写$.fn.pluginName。您可以将其运行为:

$(".className").pluginName();

这是因为 $.fn 是一个内置的 jQuery 属性，您放入其中的任何函数都直接链接到元素选择器之后。