get

« Обратно на страницу Ядро jQuery


get( )

Обращается к массиву объектов DOM.

Служит как обратно-совместимый способ доступа ко всем совпавшим элементам (помимо самого объекта jQuery, который, по сути, есть массив элементов). Данным методом целесообразно пользоваться, когда Вам необходимо работать над самими элементами DOM вместо использования встроенных функций jQuery.

Примеры:

Выбирает все элементы div в документе и возвращает их как массив, затем, используя встроенный метод реверса, меняет направление  следования элементов в массиве.

    function disp(divs) {
      var a = [];
      for (var i = 0; i < divs.length; i++) {
        a.push(divs[i].innerHTML);
      }
      $("span").text(a.join(" "));
    }

    disp( $("div").get().reverse() );
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
                    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>

  <script>
  $(document).ready(function(){

    function disp(divs) {
      var a = [];
      for (var i = 0; i < divs.length; i++) {
        a.push(divs[i].innerHTML);
      }
      $("span").text(a.join(" "));
    }

    disp( $("div").get().reverse() );

  });
  </script>

  <style>
  span { color:red; }
  </style>
</head>
<body>
  Reversed - <span></span>
  <div>One</div>

  <div>Two</div>
  <div>Three</div>
</body>
</html>
Name Type

[редактировать]

get( индекс )

Обращается непосредственно к конкретному элементу массива по его индексу.

Позволяет Вам извлечь конкретный элемент DOM и работать над ним напрямую без использования jQuery. Функция $(this).get(0) эквивалентна использованию квадратных скобок при работе над самим объектом jQuery, например $(this)[0].

Аргументы:

индекс Число

Обращается к элементу в n-ой позиции.
Примеры:

Выводит имя тега, на котором пользователь кликнул мышкой:

    $("*", document.body).click(function (e) {
      e.stopPropagation();
      var domEl = $(this).get(0);
      $("span:first").text("Clicked on - " + domEl.tagName);
    });
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
                    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>

  <script>
  $(document).ready(function(){

    $("*", document.body).click(function (e) {
      e.stopPropagation();
      var domEl = $(this).get(0);
      $("span:first").text("Clicked on - " + domEl.tagName);
    });

  });
  </script>

  <style>
  span { color:red; }
  div { background:yellow; }
  </style>
</head>
<body>
  <span> </span>
  <p>In this paragraph is an <span>important</span> section</p>

  <div><input type="text" /></div>
</body>
</html>
Name Type

Взято с «http://docs.jquery.com/Core/get«