Как использовать ссылочную переменную в JQuery?

Question

Я узнал, что использование ссылочной переменной быстрее, чем использование $() каждой строки кода (см. Мой предыдущий вопрос): jQuery - Можно ли использовать $ ('# ElementId') каждый раз? ,Теперь мой вопрос: как я могу использовать эту ссылочную переменную, чтобы максимизировать мощность 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() ^{[документы]} метод напрямую.

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

Это даст вам значение выбранного option.

Answer 2

Результат селектора JQuery, в этом случае «SelectElement» может быть доступен через остальную часть скрипта Вам не нужно использовать JQuery Selector "$ ()" во второй раз.

Answer 3

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();

иногда вам не обязательно использовать ссылочные переменные.это полезно, если вы используете его несколько раз.