get()

посл. ред. 23.03.2018

Метод get() используется для получения ссылки на нужный элемент страницы. Данный метод как бы преобразует jQuery-объект в DOM-объект.

Варианты использования

jQ_object.get() => Array: Возвращает массив, содержащий ссылки на все элементы текущей выборки. Результат такой же, как у метода toArray().
jQ_object.get(индекс) => DOM: Возвращает ссылку на DOM-элемент по его порядковому номеру в выборке. Нумерация элементов начинается с 0. Если индекс задан отрицательным числом, то отсчёт начинается с конца выборки: (-1) - последний элемент, (-2) - предпоследний и т.д.
Если элемент с указанным индексом не существует, тогда метод возвращает undefined.

Примеры

<html>
<head>
  <title>jQuery-объект</title>
  <script type="text/javascript" src="js/jquery.js"></script>
</head>
<body>
  <p>Параграф 1</p>
  <p>Параграф 2</p>
  <p>Параграф 3</p>
</body>
</html>
 
<script>
var pars = $('p').get(); /* массив из всех параграфов */
pars[2].innerHTML = 'Новый параграф';
</script>

Параграф 1

Параграф 2

Новый параграф

<html>
<head>
  <title>jQuery-объект</title>
  <script type="text/javascript" src="js/jquery.js"></script>
</head>
<body>
  <p>Параграф 1</p>
  <p>Параграф 2</p>
  <p>Параграф 3</p>
</body>
</html>
 
<script>
$('p').get(0).innerHTML = 'Первый параграф';
$('p').get(-1).innerHTML = 'Последний параграф';
</script>

Первый параграф

Параграф 2

Последний параграф