русский  עברית
tadam logo
Нашли ошибку в тексте?
Отметьте её курсором и нажмите
Ctrl + Enter
Проверка орфографии Xhtml.co.il
Orphus system
Рассылка
Присоединитесь к списку рассылки для получения последних новостей
Имейл
Имя и фамилия

selector

Возвращает: Строка
Добавлена в версию: 1.3
Описание: Селектор, определяющий первоначально переданный в jQuery() селектор.

Должен использоваться в сочетании с контекстом для определения точного запроса.

Метод .live() обязательный для обработчика событий использует это свойство, чтобы определить как выполнять свой поиск. Плагины, которые выполняют аналогичные задачи, могут также найти это свойство полезным. Это свойство содержит строку, представляющую соответствующий набор элементов, но если методы обхода DOM были вызваны на объект, строка не может быть действительным выражением селектора jQuery. По этой причине, значение .selector как правило, наиболее полезно сразу после первоначального создания объекта. Следовательно, метод .live() может быть использован только в этом сценарии.

Примеры

Пример 1

Определение используемого селектора.
$("ul")
  .append("<li>" + $("ul").selector + "</li>")
  .append("<li>" + $("ul li").selector + "</li>")
  .append("<li>" + $("div#foo ul:not([class])").selector + "</li>");

Результат выполнения кода выше:
Полный код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
                    "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
  <style>
  body { cursor:pointer; }
  div { width:50px; height:30px; margin:5px; float:left;
        background:green; }
  span { color:red; }
  </style>

  <script src="http://code.jquery.com/jquery-latest.js"></script>

<script type="text/javascript" language="javascript">
$(document).ready(function(){
$("ul")
  .append("<li>" + $("ul").selector + "</li>")
  .append("<li>" + $("ul li").selector + "</li>")
  .append("<li>" + $("div#foo ul:not([class])").selector + "</li>");
  });

</script>

</head>
<body>
Some selectors:<ul></ul>
</body>
</html>

Пример 2

Различный сбор элементов
$('<div>' + $('ul li.foo').selector + '</div>').appendTo('body');  // "ul li.foo"
   $('<div>' + $('ul').find('li').filter('.foo').selector + '</div>').appendTo('body'); // "ul li.filter(.foo)"

Результат выполнения кода выше:
Полный код:
<!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 type="text/javascript" language="javascript">
$(document).ready(function(){
$('<div>' + $('ul li.foo').selector + '</div>').appendTo('body');  // "ul li.foo"
   $('<div>' + $('ul').find('li').filter('.foo').selector + '</div>').appendTo('body'); // "ul li.filter(.foo)"
  });

</script>
</head>
<body>
Some selectors:<ul></ul>
</body>
</html>
Была ли эта информация полезной?
   

Комментарии