1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 | <!DOCTYPE html> <html lang="ko"> <head> <meta charset="utf-8"> <script src="js/jquery.js"></script> </head> <body> <ul id="foo" title="test"> <li class="bar">1</li> <li data="2">2</li> <li>3</li> <li data="4">4</li> </ul> <script> var a = $('body'); var b = $('body'); // 선택 요소가 맞는지 확인 console.log(a == b); // false // 같은 노드라도 각각 다르게 jQuery wrapper객체로 포장되므로 비교시 false가 나온다. console.log(a[0] == b[0]); // true console.log(a.is(b)); // true // 선택 요소가 속성을 가지고 있는지 확인 // hasAttr console.log($('ul')[0].hasAttribute("title")); // true console.log($("ul").is("[title]")); // true console.log($("ul").is("#foo")); // true // 선택 요소가 보여지고 있는지 여부 console.log($(".bar").is(":visible")); // filter console.log($('li').filter("[data]").length); // 2 console.log($('li').filter(".bar")); </script> </body> </html> |
반응형
'jQuery' 카테고리의 다른 글
| [jQuery] 페이징 스크롤 (0) | 2016.03.07 |
|---|---|
| [jQuery] event.data trigger - 이벤트 데이터 전달 (0) | 2016.03.03 |
| [jQuery] end() - 메서드 체인에서 이전요소 재선택 (0) | 2016.02.17 |
| [jQuery] input 엔터키 이벤트 - event.which (0) | 2016.01.20 |
| [jQuery] mousedown - event.which (마우스 좌,우,휠 클릭 판단) (0) | 2016.01.19 |
