[Function] get()
Раздел "Miscellaneous"
Доступ ко всем выбранным элементам.
Параметры
Описание
Функция применяется как обратно - совместимый путь для получения всех выбранных элементов (в отличие от jQuery объекта, который в действительности, является массивом элементов).
Примеры
Пример:
Выбрать все элементы div, вернуть DOM элементы как массив, затем использовать встроенный метод переворота(reverse-method) этого массива с дальнейшим преобразованием массива в строку, с помощью метода join, присоединяя перевернутый массив внутрь элемента span, в форме простого текста.
"jQuery"
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() );
"HTML"
<div>Один</div> <div>Два</div> <div>Три</div> <span></span>
"CSS"
span { color:red; }
"Живой пример jQuery"
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <link href="http://test-drupal.ru/themes/slyweb/css/jqueryiframe.css" rel="stylesheet" type="text/css"/> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.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> </head> <body class="iframe"> <div>Один</div> <div>Два</div> <div>Три</div> <span></span> </body> </html> <style> span { color:red; } </style>
Пример:
Пример метода $.get с официальной страницы руководства:
"jQuery"
$("img").get
"HTML"
<img src="1.jpg" /> <img src="2.jpg" />
В результате элементы изображения будут помещены в массив следуюищего вида:
[<img src="1.jpg" /> <img src="2.jpg" />]
"Живой пример jQuery"
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <link href="http://test-drupal.ru/themes/slyweb/css/jqueryiframe.css" rel="stylesheet" type="text/css"/> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script> <script> $(document).ready(function(){ $("img").get }); </script> </head> <body class="iframe"> <img src="1.jpg" /> <img src="2.jpg" /> </body> </html>
Версия jQuery 1.4.2
Документ создан 2010-08-21