如何调用使用jQuery的JavaScript函数？

我发现这个函数：

function squarifyMe(element) {
 squareItUp()
  window.onresize = function(element) {
    squareItUp();
  }
  function squareItUp() {
    $(element).height($(element).width());
  }
}

通过此电话：

$(document).ready(function() {
  squarifyMe('.myElement');
});

但我不知道如何将它添加到我的网页。。。

---

我已经做了很多次了，但是都没能成功。

您需要将整个代码放在脚本标记中，然后导入jquery库

确保要平方的元素具有myElement类。如果其id为myElement，则需要将.myElement更改为myElement

哦，您需要调整页面大小才能运行该功能。

试试看

squarifyMe.call('.myElement');

名为squarifyMe的函数使用jQuery

这意味着您必须做的第一件事是导入jQuery

最简单的方法是使用托管库

要使用Google托管版本的jQuery，请将其添加到html页面：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

第一行基本上表示在页面准备就绪时执行以下代码

您可以通过阅读的文档了解更多信息

。 .

现在解释下一段代码：

$(document).ready(function() {
    squarifyMe('.myElement');
});

 squarifyMe('.myElement');

 function squareItUp() {
     $(element).height($(element).width());
 }

window.onresize = function(element) {
  squareItUp();
}

当文档准备就绪时，上面的第一行使用字符串作为参数调用函数squarifyMe

在squarifyMe中调用函数squareItUp

它逐件执行以下操作：

$('.myElement')

此代码选择文档中具有css类myElement的所有元素

所有这些元素都作为一个集合返回，该集合由后面链接的jQuery代码操作

您可以了解有关按类选择DOM元素的更多信息

为了清晰起见，让我们重写这行代码：

$(element).height($(element).width());

我们将这样重写它：

var $s = $(element);
$s.height($s.width());

$s.width()

$s.height($s.width());

现在$s等于具有css类myElement的DOM元素集

在该行的后半部分，我们得到每个元素的宽度，单位为$s，如下所示：

var $s = $(element);
$s.height($s.width());

$s.width()

$s.height($s.width());

您可以通过阅读文档了解更多信息

然后，我们将该元素的高度设置为等于其宽度，如下所示：

var $s = $(element);
$s.height($s.width());

$s.width()

$s.height($s.width());

这将使myElement类的每个元素都成为正方形

。 .

现在解释最后一段代码：

$(document).ready(function() {
    squarifyMe('.myElement');
});

 squarifyMe('.myElement');

 function squareItUp() {
     $(element).height($(element).width());
 }

window.onresize = function(element) {
  squareItUp();
}

此代码为window.onresize注册事件处理程序

换句话说，每当用户调整浏览器窗口的大小时，就会调用squareItUp

所以。。。每次调整浏览器大小时，myElement类的每个DOM元素都将变成正方形

---

您可以通过阅读的文档了解更多信息。

显示您的最佳尝试将其放入标记中。类似于jQuery。如果是这样，请在问题中添加标签。。。第一个代码示例。您首先在哪里找到该函数的？从外观上看，如果不更改代码，它无论如何也不会工作。