Question

我了解到使用引用变量比使用$()每行代码更快（参见我之前的问题）：jQuery - Is it okay to use $('#ElementId') everytime?。现在我的问题是如何使用此引用变量来最大化jQuery的功能？请参阅以下示例：

没有参考变量：

var ValueOfSelected = $('#SelectElementId option:selected').val();

使用引用变量（伪代码）：

var SelectElement = $('#SelectElementId');
var ValueOfSelected = $(SelectElement).SelectedOption.val();

请注意SelectedOption.val()是伪代码。无论如何还有这样的功能吗？

Answer 1

您可以使用.find()查找嵌套的option。

var SelectElement = $('#SelectElementId');
var ValueOfSelected = SelectElement.find('option:selected').val();

...但由于它是select元素，您可以直接使用val()^[docs]方法。

var SelectElement = $('#SelectElementId');
var ValueOfSelected = SelectElement.val();

这将为您提供所选option的价值。

Answer 2

var select_element = $('#SelectElementId');
// these two below gives you the same result
var value_of_selected = $('#SelectElementId option:selected').val();
var value_of_selected = select_element.val();

有时你真的不必使用引用变量。如果您实际使用它多次，它会很有用。

Answer 3

可以通过脚本的其余部分访问JQuery选择器的结果，在本例中为“SelectElement”。你不需要第二次使用JQuery Selector“$（）”。

如何在jQuery中使用引用变量？

3 个答案: