IT/제이쿼리

제이쿼리 all selector

조원태 2017. 8. 3. 10:35
반응형

제이쿼리 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>

반응형

'IT > 제이쿼리' 카테고리의 다른 글

제이쿼리 .appendTo( target )  (0) 2017.08.06
제이쿼리 andSelf()  (0) 2017.08.03
제이쿼리 .ajaxSuccess(handler)  (0) 2017.08.03
제이쿼리 .ajaxStop(handler )  (0) 2017.08.02
제이쿼리 .ajaxStart(handler )  (0) 2017.08.02