селектор all
Описание: Соответствует всем элементам.
jQuery('*')
Добавлена в версию: 1.0
Внимание: all, или универсальный селектор крайне медленнен, кроме случаев, когда использован сам по себе.
Примеры
Пример 1
Поиск всех элементов (включая head, body и т.д.).Пример 1 - Полный код:
<!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script> $(document).ready(function(){ $("*").css("border","3px solid red"); }); </script> <style> div,span,p { width: 150px; height: 60px; float:left; padding: 10px; margin: 10px; background-color: #EEEEEE; } </style> </head> <body> <div>DIV</div> <span>SPAN</span> <p>P <button>Button</button></p> </body> </html>
Пример 2
Распространенным способом для выбора всех элементов является поиск в document.body таких элементов как head, script, и т.д.Пример 2 - Полный код:
<!DOCTYPE html>
<html>
<head>
<style>
h3 { margin: 0; }
div,span,p {
width: 80px;
height: 40px;
float:left;
padding: 10px;
margin: 10px;
background-color: #EEEEEE;
}
#test {
width: auto; height: auto; background-color: transparent;
}
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function(){
var elementCount = $("#test").find("*").css("border","3px solid red").length;
$("body").prepend("<h3>" + elementCount + " elements found</h3>");
});
</script>
</head>
<body>
<div id="test">
<div>DIV</div>
<span>SPAN</span>
<p>P <button>Button</button></p>
</div>
</body>
</html>
Была ли эта информация полезной?
