제이쿼리 all selector
제이쿼리 all selector
설명 : 모든 요소를 선택합니다.
주의 : 모든 또는 유니버설 선택기는 단독으로 사용할 때를 제외하고는 매우 느립니다.
예 :
문서의 모든 요소 (머리, 몸체 등 포함)를 찾습니다. 브라우저 에 DOM에 a <script>또는 <link>요소를 삽입하는 확장 기능 / 추가 기능이 활성화되어 있으면 해당 요소도 함께 계산됩니다.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>all demo</title>
<style>
h3 {
margin: 0;
}
div, span, p {
width: 80px;
height: 40px;
float: left;
padding: 10px;
margin: 10px;
background-color: #EEEEEE;
}
</style>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<div>DIV</div>
<span>SPAN</span>
<p>P <button>Button</button></p>
<script>
var elementCount = $( "*" ).css( "border", "3px solid red" ).length;
$( "body" ).prepend( "<h3>" + elementCount + " elements found</h3>" );
</script>
</body>
</html>