将一行转换为Jquery

Question

我有这行Javascript，它运行我在线提供的功能。但事实证明它不兼容，所以我希望将它转换为Jquery调用。

我绝对没有Jquery经验，虽然文档很好，但我需要了解如何使用预先存在的Javascipt使其凝胶化。

classElements[i] = document.getElementsByClassName(show_hide_class_selectors[i]);

我在http://api.jquery.com/class-selector/找到了类选择器，它似乎做了我想做的事。

如果我使用这一行（show_hide_class_selectors [i]是一个字符串）

classElements[i] = $("." + show_hide_class_selectors[i]);

classElements [i]是否会包含show_hide_class_selectors [i]提供的类的所有节点？

我现在要求所以我不会花费下两个小时下载，搞乱，然后生气。

Answer 1

是的，$(".foo")将返回具有类foo的所有节点，但包含在jQuery对象中。

如果您只想要一个简单的DOM元素数组，则需要$(".foo").get()。

Answer 2

$('.className')

这将返回类别为“className”的所有元素的列表。也：

$('.className').show()
$('.className').hide()
$('.className').toggle()

将显示所有这些元素//隐藏它们并在它们之间切换。

Answer 3

您需要的是：

classElements[i] = [];
$("." + show_hide_class_selectors[i]).each(function(index) {
    classElements[i].push(this);
});

在此之后，classElements[i]将包含具有show_hide_class_selectors数组中定义的类的所有元素 - 与非交叉浏览器代码中的结果相同。