[Селектор] multiple
Раздел "Selectors"
Выбор совмещенных результатов всех обозначенных элементов.
Параметры
multiple
1.0
selector1: любой правильный css селектор.
selector2: другой правильный css селектор.
electorN: неограниченное количество css селекторов.
Описание
Вы можете указать любое количество селекторов для объединения в один результат. Учтите, порядок элементов структуры dom и в jQuery объекте необязательно совпадают.
Пример
selector1, selector2, selectorN
Примеры
Пример:
Выбрать все элементы, которые имеют одни из трёх селекторов – div, span, p.myClass.
"HTML"
<div>div</div> <p class="myClass">p class="myClass"</p> <p class="notMyClass">p class="notMyClass"</p> <span>span</span>
"CSS"
div,span,p {
width: 130px;
height: 60px;
float:left;
padding: 3px;
margin: 2px;
background-color: #EEEEEE;
font-size:14px;
}
"Живой пример 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(){ $("div,span,p.myClass").css("border","3px solid red"); }); </script> </head> <body class="iframe"> <div>div</div> <p class="myClass">p class="myClass"</p> <p class="notMyClass">p class="notMyClass"</p> <span>span</span> </body> </html> <style> div,span,p { width: 130px; height: 60px; float:left; padding: 3px; margin: 2px; background-color: #EEEEEE; font-size:14px; } </style>
Пример:
Указать порядок расположения элементов в jQuery объекте.
"HTML"
<span>span</span> <p>p</p> <p>p</p> <div>div</div> <span>span</span> <p>p</p> <div>div</div> <b></b>
"CSS"
b { color:red; font-size:16px; display:block; clear:left; }
div,span,p { width: 40px; height: 40px; float:left;
margin: 10px; background-color: blue;
padding:3px; color:white; }
"Живой пример 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(){ $("*", document.body).css("border","3px solid red"); }); </script> </head> <body class="iframe"> <span>span</span> <p>p</p> <p>p</p> <div>div</div> <span>span</span> <p>p</p> <div>div</div> <b></b> </body> </html> <style> b { color:red; font-size:16px; display:block; clear:left; } div,span,p { width: 40px; height: 40px; float:left; margin: 10px; background-color: blue; padding:3px; color:white; } </style>
Версия jQuery 1.4.2
Документ создан 2010-08-21