문제점
- document나 다른 DOM요소의 컨텍스트 안에 있는 단일 DOM 요소나 DOM요소 집합에 대한 참조를
필요
해결방법
- CSS 표현식을 갖는 jQuery 함수는 두 번째 매개변수를 가질 수도 있다.
- 이러한 두 번째 매개변수는 DOM 참조이거나 jQuery 래퍼 또는 document일 수도있다.
<body>
<form>
<input name="" type="checkbox" />
<input name="" type="radio" />
<input name="" type="text" />
<input name="" type="button" />
</form>
<form>
<input name="" type="checkbox" />
<input name="" type="radio" />
<input name="" type="text" />
<input name="" type="button" />
</form>
<input name="" type="checkbox" />
<input name="" type="radio" />
<input name="" type="text" />
<input name="" type="button" />
<script type="text/JavaScript" src="../jquery-1.7.2.min.js"></script>
<script type="text/JavaScript">
// 컨텍스트 래퍼를 사용하여 모든 form 요소 안에서 input 요소를 찾는다
//8개의 input을 출력
alert('selected' + jQuery('input', $('form')).length + 'inputs');
//컨택스트로 DOM 참조를 사용하여 첫번째 form 요소 안에서 input 요소를 찾음.
//4개의 input을 출력
alert('selected' + jQuery('input', document.forms[0]).length + 'inputs');
// 표현식을 사용하여 body 요소 안에 있는 모든 input 요소를 찾는다.
// 12rodml input을 출력
alert('selected' + jQuery('input', 'body').length + 'inputs');
</script>
'jquery' 카테고리의 다른 글
| 1.5 DOM 요소의 래퍼 집합 필터링하기 (0) | 2017.11.15 |
|---|---|
| 1.2 Dom은 로드되었지만 페이자가 로드되기 전에 jQuery/자바스크립트 실행하기 (0) | 2017.11.15 |
| Chapter 5. 메뉴, 탭, 툴팁, 패널 (0) | 2017.11.15 |
| 7. 효과 (0) | 2017.11.15 |